<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式1.行内js</title>
</head>
<body>
<!--仅由该行标签触发-->
<!--onclick 事件会在对象被点击时发生。
alert 弹出框-->
<input type="button"value="点击有惊喜" οnclick="javascript:alert('哈哈哈哈，吓一跳了吧')">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式2.内部js</title>
<style>
#btn{
border: 2px solid red;
}
</style>
<!--<script type="text/javascript">-->
<!--<!– 作用范围比行内js要大，整个页面都可以使用–>-->
<!--//声明一个函数-->
<!--// function surprise(){-->
<!--// alert('恭喜你，中奖了！');-->
<!--// }-->
<!--</script>-->
</head>
<body>
<!--<input type="button" value="点击有惊喜"οnclick="surprise()">-->
<input type="button" id="btn" value="点击">
</body>
<!--<script>-->
<!--var ele=document.getElementById("btn")//获得ID-->
<!--ele.addEventListener("click",function(){-->
<!--alert("哈哈哈");-->
<!--})//监听事件-->
<!--</script>-->
<noscript>
<h1>您的浏览器不支持JS！</h1>
</noscript>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式3.外部js</title>
<!-- 使用外部js文件，通过script标签导入，
src属性是指定js文件路径,
标签必须分为两部分，
标签内不允许添加任何代码-->
<script src="js/test.js" type="text/javascript"charset="utf-8"language="JavaScript"></script>
</head>
<body>
<!--ondblclick : 双击-->
<input type="button" value="双点击有惊喜"οndblclick="test()">
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式1.行内js</title>
</head>
<body>
<!--仅由该行标签触发-->
<!--onclick 事件会在对象被点击时发生。
alert 弹出框-->
<input type="button"value="点击有惊喜" οnclick="javascript:alert('哈哈哈哈，吓一跳了吧')">
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式2.内部js</title>
<style>
#btn{
border: 2px solid red;
}
</style>
<!--<script type="text/javascript">-->
<!--<!– 作用范围比行内js要大，整个页面都可以使用–>-->
<!--//声明一个函数-->
<!--// function surprise(){-->
<!--// alert('恭喜你，中奖了！');-->
<!--// }-->
<!--</script>-->
</head>
<body>
<!--<input type="button" value="点击有惊喜"οnclick="surprise()">-->
<input type="button" id="btn" value="点击">
</body>
<!--<script>-->
<!--var ele=document.getElementById("btn")//获得ID-->
<!--ele.addEventListener("click",function(){-->
<!--alert("哈哈哈");-->
<!--})//监听事件-->
<!--</script>-->
<noscript>
<h1>您的浏览器不支持JS！</h1>
</noscript>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js使用方式3.外部js</title>
<!-- 使用外部js文件，通过script标签导入，
src属性是指定js文件路径,
标签必须分为两部分，
标签内不允许添加任何代码-->
<script src="js/test.js" type="text/javascript"charset="utf-8"language="JavaScript"></script>
</head>
<body>
<!--ondblclick : 双击-->
<input type="button" value="双点击有惊喜"οndblclick="test()">
</body>
</html>
扫一扫
1143
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
