如何使用html的script标签引入文件和插入函数

作者:IT技术 | 时间:2018-11-06

js脚本我们在前端页面开发中经常使用,如何使用html的script标签引入js文件和插入函数或一段脚本

html的script标签引入js脚本

<script> 标签用于定义客户端脚本,比如 JavaScript。

<script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。

实例代码如下:

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

通过script标签插入函数和脚本

插入函数实例代码如下:

<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button><script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script></body>
</html>

插入脚本实例代码如下:

<script>document.write("Hello World!")</script> 

<noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>


<noscript> 标签提供无法使用脚本时的替代内容,只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容。

以上就是html的script标签引入js脚本文件和插入函数和代码的方法。