基本语句与内联绑定事件
js/js01-t.js 文件
/* 多行注释
version:1.0.1
autor:hu
copmary:
url: ' '
payurl: ' '
data
*/
// 外部链接
alert("我是外部弹框文件")
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JS的使用</title>
<!-- 文档内嵌 使用 -->
<script>
// 接收用户输入
a = prompt("请输入一个数值");
alert(a);
// 显示弹框
alert("我是顶部!");
alert("我是顶部2!");
// 控制台输出
console.log("接收的值是:" + a)
</script>
</head>
<body>
<!-- 直接写入html文档 -->
<div>
<script>
document.write("今天天气很好!");
</script>
</div>
<div>
<!-- 元素绑定 点击事件 弹出一个框 -->
<input onclick="alert('你输入有误')" type="button" value="点一下">
</div>
<!-- 直接写入html文档 最后会重写页面-->
<div>
<input onclick="document.write('清空后的文本')"
type="button" value="清除所有内容">
</div>
<!-- 文档内嵌 使用 -->
<script>
alert("我是底部!")
</script>
<!-- 外部链接 使用-->
<script src="js/js01-t.js"></script>
</body>
</html>
绑定事件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>事件绑定</title>
</head>
<body>
<div id="tip">
</div>
<!-- 内嵌绑定事件 修改标签内容 -->
<button onclick="var elem = document.getElementById('tip');
elem.innerText='hello, world!';">点我一下</button>
<script>
// 获取指定ID的元素
// var elem = document.getElementById('tip');
// 设置文本内容
// elem.innerText='hello, world!';
</script>
</body>
</html>