htmljs?html如何运行js
一、html如何运行js
html运行JS的方式有:通过引入外部的JS文件来调用,一般将JS写在一个外部文件中,封装起来,然后在调用,举个实例:
<html><head><style>#div1{width:460px;height:200px;position:absolute;}</style></head><scripttype='text/javascript'src='js文件的地址'></script><body><divid='div1'><p>我是测试文字</p></div>2.在Js中通过<script></script>这个标签,将JS写在里面也是可以的,请看代码:
<html><head><style>#div1{width:460px;height:200px;position:absolute;}</style><script>varoDiv=document.getElementById('div1'
)varLet=Div.style.left;//上下的值,varRig=Div.style.top;</script></head><body><divid='div1'><p>我是测试文字</p></div></body></html>
二、html和js引用js区别
1、本质区别
HTML是一种标记语言,没有逻辑功能;JavaScript是一种脚本语言,像c,java一样,具有逻辑功能。
2、用法区别
HTML在网页上提供静态内容。JavaScript向静态网页添加动态功能。
html是网页制作的基础,做出来的是静态的,js是脚本,跟html结合起来生成功能更强大的网页。可以处理一些动态的逻辑问题。
3、标准化区别
HTML基于W3C和WHATWG标准,JavaScript基于ECMA标准。
4、兼容性区别
HTML是跨浏览器兼容的,这意味着它可以兼容所有web浏览器的所有版本,包括现代浏览器。所有的浏览器,无论是旧的还是新的,默认情况下都将无法识别的元素处理为内联元素,这使得旧的web浏览器很容易处理未知的HTML元素。
三、怎么在html文件中调用js文件
1、将这一段代码保存到一个文件中。
2、注意,您可以任何文本工具创建js文件,不过您在保存的时候,需要将名字后缀名为.js。
3、这里将js文件保存为index.js。之后如果我们需要使用index.js。我们只需要调用即可,不需要再写新的js文件。
4、在html的head部分引入js文件,具体的代码。
5、这个引用是一个双标签,就算没有内容,也得写全。
6、如果您的js是从外面引入,那么您不能在中间再写js代码。
7、如果有需要,那么您需要重新声明script标签,在标签内写您的js代码。
8、无论是javascriptjquery都是一样的规则,必须在script标签内写代码。引入了js文件后,您可以在需要的地方直接调用即可。