如何在HTML中加入JavaScript脚本?

如何在HTML中加入JavaScript脚本?,第1张

①:可以直接在当前html文件里面写,如\x0d\x0a\x0d\x0awindow.onload = function(){}\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a②:可以新建一个后缀名为.js的脚本文件,然后在Html引入,如新建了一个index.js文件,然后在html中引入:\x0d\x0a\x0d\x0asrc里面是js文件的路径

HTML页面里想要插入js需要使用script标签。在一对script标签中间写你想要插入的js代码就行,而这一对script标签可以放到head之间,也可以放到body之间,这是直接在页面写的方法,另一种方法是引入外部的js文件,同样使用script,这时不在该标签之间写代码,而是通过src=“js文件路径”引入,通常为了页面简洁常用外部引入的方法。

javaScript 方法通过onclick事件触发

嵌入javaScript有两种书写方式:

1、内部js

1.1在script中编写

<script type="text/javascript">

function showOutter(){

// 通过id,获得输入内容

var content = document.getElementById("content").value

alert(content)

}

</script>

</head>

<body>

<input type="text" id="content" />

<input type="button" value="d出" onclick="showOutter()"/>

</body>

1.2直接写在标签中

<body>

<h1 onclick="this.innerHTML='hello!'">请点击这段文本!</h1>

</body>

2、外部js

只需在外部建立.js格式文档,将1.1<script>标签之间的代码写入.js文件中。然后

<head>

<script type="text/javascript" src='../**.js'></script>

</head>

<body>

<input type="text" id="content" />

<input type="button" value="d出" onclick="showOutter()"/>

</body>


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存