如何把JS文件合并到HTML文件中

如何把JS文件合并到HTML文件中,第1张

在<head></head>中加入

<script language="javascript">

中间为js文件里的js代码

</script>

再给你举个例子

<html>

<head>

<script language="javascript">

window.alert("这个是个警告框")

</script>

</head>

<body>

例子

</body>

</html>

在JS中插入短的HTML代码,可以通过先使用一个函数来包着,你要添加的HTMl代码,然后在使用innerHTML这个函数提取就行,在你的HTMl中添加一个事件就行,然后调用这个函数就行了,具体的我提供例子给你看下:

<html>

<head>

<script>

function insert(){

var insertText = "<table><tr><td>any thing</td></tr></table>"

document.getElementById("insert").innerHTML(insertText)

}

</script>

</head>

<body>

<button onclick="insert()">Insert</button>

<div id="insert"></div>

</body>

</html>

四种方法:

写在头部

<html>

<head>

 <script language="javascript">....</script>

</head>

<body>

</body>

</html>

写在body中

<html>

<head>

</head>

<body>

<script language="javascript">....</script>

</body>

</html>

引入.js文件(引入独立的“.js”文件)

<script src="***.js"></script>

<!--同样,引入的.js文件可以在头部、body中-->

嵌入HTML中

<html>

<head>

</head>

<body>

<button onclick="alert('hello!')">点击有d窗</button>

</body>

</html>

注意:javascript是解释性语言,逐行解析,其非函数部分尽量写在HTML标签之后,否则会导致JS找不到标签-执行失败的现象(当然,不会有提示的)。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7063666.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存