本文作者:sukai

js文件怎么写入html(如何把js文件导入html文件中)

sukai 2023-09-07 137

js在html中的使用有两种方式1直接在html文件中的script标签里写js代码 2通过script标签的src属性引用外部的js文件 总结在开发中建议使用第二种方法,将html和js文件分离,方便维护。

12直接写在标签中 ltbody lth1 onclick=quotthisinnerHTML=#39hello!#39quot请点击这段文本!lth1 ltbody 2外部js 只需在外部建立js格式文档,将11ltscript标签之间的代码写入js文件中然后 lthead ltscript。

大段的 HTML 嵌入到 JS 里结果就是悲剧不能代码高亮不能自动缩进,太难维护了我的经验是,直接把 HTML 单独写到一个浏览器能访问到的文件里,比如 templatefoohtml然后 JS 里发一个同步 XHR 请求去读这个文件。

1新建一个文本文件把你的ltscript type=quottextjavascriptquot***ltscript里面的所有代码放进去,注意,不带ltscript type=quottextjavascriptquot保存的时候记得扩展名保存成js文件例如demojs2在你当前文件中插。

动态写入html代码,主要就是append方法或其他插入方法如var ele=documentcreateElement#39div#39创建div对象eleinnerHTML=#39我是测试内容#39在div对象中写入内容div把div放在body标签最。

js文件怎么写入html(如何把js文件导入html文件中)

阅读
分享