如何给html添加js
这篇文章给大家分享的是有关如何给html添加js的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
方法:1、在html页面的script标签中嵌入JavaScript代码;2、将js代码写在一个“.js”文件中,然后通过script标签的class="lazy" data-src属性引入该外部js文件,语法“<script class="lazy" data-src="js文件路径"></script>”
本教程操作环境:windows7系统、javascript1.8.5&&HTML5版、Dell G3电脑。
1、在html页面的script标签中嵌入JavaScript代码
例:
<body> <script> var a=1; alert(a); </script></body>
2、通过script标签的class="lazy" data-src属性引入外部js文件
<body> <!-- 引入本地文件 --> <script class="lazy" data-src="./script.js"></script> <!-- 引入外部域的文件 --> <script class="lazy" data-src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script></body>
这种方式服务器将会以MIME类型为application/x-javascript将JavaScript文件传送到浏览器。
说明:
虽然<script>标签还有这许多其他属性,但是这些属性都不常用,或者都有着默认值,而这些默认值通常都无需更改,所以class="lazy" data-src属性可能是你唯一需要了解的属性。
html有什么特点
1、简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便,适合初学前端开发者使用。2、可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。 3、平台无关性:超级文本标记语言能够在广泛的平台上使用,这也是万维网盛行的一个原因。4、通用性:HTML是网络的通用语言,它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
感谢各位的阅读!关于“如何给html添加js”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341