初学javaScript之html页面运行javaScript的三种方式

       javaScript作为一种脚本语言可以直接嵌入到html网页里面由浏览器解释执行,在html页面运行javaScript有三种方式,其中有两种方式是直接在html页面中编写javaScript代码,第三种方式是单独将javacript代码生成一个*.js文件保存在一个目录中由标签

      这种方式是当页面运行时直接执行JavaScript内容,示例如下(因为实例代码内部没有其他标签,当执行代码时浏览器就会直接执行标签的src属性,下面实例在当前目录下创建了一个test.js文件,浏览器执行到内容时就会按照src属性内容导入text.js文件并且执行,实例如下:

初学javaScript之html页面运行javaScript的三种方式_第5张图片
test.js文件内容


初学javaScript之html页面运行javaScript的三种方式_第6张图片
html代码内容


初学javaScript之html页面运行javaScript的三种方式_第7张图片
运行结果

总结:三种方式各有最适用的环境,当JavaScript代码量不多并且不需要JavaScript代码与HTML代码分离时可采用第一种方式,当JavaScript代码量比较多并且不需要JavaScript代码与HTML代码分离时可采用第二种方式,当需要JavaScript代码与HTML代码分离时采用第三种方式比较适用;

你可能感兴趣的:(初学javaScript之html页面运行javaScript的三种方式)