如何把JS文件添加到HTML里?JS代码如图:

如何把JS文件添加到HTML里?JS代码如图:,第1张

1、J首先输入s_file01.js,//程序代码 document.write(" <script language=\"javascript\" src="\/com\/ Js_file02.js \" ><\/script>")。

2、 html代码 代码如下:<html> <body> <input type="button" value="ok" onclick="javascript:fun_b()"> </body> //必须在这个位置,也即<body>...</body>之下: <script language="JAVASCRIPT" src='Js_b.js'></script> </html>。

3、Js_file01.js 代码如下://程序代码 document.scripts[0].src=" Js_file02.js"。

4、看到自己的JS文件。

5、可以看到js插入成功了。

1、首先打开hbuilder软件新建一个html文件,在html页面上创建一个点击的button按钮:

2、然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div,接着使用innerHTML对新建的div设置内容,最后把div放到body显示:

3、在html里为button按钮添加宇哥点击创建div的事件,完成之后代码就写好了,接下来需要看看效果:

4、保存好html文件后使用浏览器打开,此时还没有创建div:

5、最后点击button按钮,会执行脚本创建div的事件,新的div就创建好了,顺利实现了给HTML标签添加了内容。以上就是用JS给HTML标签添加内容的 *** 作:

js可以向网页中写入html内容,方法是调用write方法向document的节点中写入html元素

以下展示两个实例

1.在网页上写入一个标题为hello的元素

效果如图:

2.在网页上写入一个九九乘法表

在js中可以使用上面的 <h1>hello </h1>这样的开始标签和闭合标签在一起的标签写法,也可以将开始标签和闭合标签分开来写,例如本例。

本例的逻辑是用table标签建立一个表,然后用for循环分别计算九九乘法的结果,在写入结果的前后用tr标签形成一行,计算结果的时候用td标签形成一列

效果图:

通过chrome浏览器右键检查,可以看到的确写入了一个九九乘法表的table到网页中

注意:

在进行字符串拼接的时候如果没有处理好,会出现 SyntaxError: missing ) after argument list 的错误,需要谨慎对待,具体问题具体对待,解决方法可以参考下面的资料或者自行google

1. SyntaxError: missing ) after argument list

2. js中出现missing ) after argument list

3. JavaScript: SyntaxError: missing ) after argument list [closed]


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11179228.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存