繁体   English   中英

在javascript中使用html代码

[英]using the html code in the javascript

<body>
     <script type="text/javascript">
         var a="sreedhar";
         <input type="text" value="abc">
     </script>
</body>

它给出语法错误。 我们不能直接在“ javascript”中使用“ html标记”吗?

不,您不能直接在JavaScript中使用它们。

但是,您可以将它们视为字符串:

var str = '<input type="text" value="abc">';

或作为DOM元素:

var input = document.createElement('input');
input.type = 'text';
input.value = 'abc';

然后附加到标记,例如document.body.appendChild(input);

通常,格式良好的hmtl和javascript看起来像这样。

<HTML>
<HEAD>
        <script type="text/javascript">
              var a="sreedhar";
        </script>
</HEAD>    
<BODY>
        <input type="text" value="abc">
</BODY>
</HTML>

如果要使用JavaScript生成一些html,则将其作为字符串分配给某个变量。

例如,您有一个id='abc'的div,并且想要在此div中生成一个文本框,则需要这样做

  <script type="text/javascript">
   var textbox = '<input type="text" value="abc">';
   $('#abc').append(textbox);
  </script>

也许您想要这样:

<script type="text/javascript">
var a="sreedhar";
document.write('<input type="text" value="abc">');
</script>
</BODY>
<html>
 <head>
  <title> New Document </title>
  <script type="text/javascript">
     //put javascript function here

  </script> 
 </head>

 <body>
     <input type="text" value="abc">
 </body>
</html>

您可以使用元素ID在javascript中使用html元素。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM