注：以下学习资料笔记均来源于网络！

在HTML中写入JS语句输出

document.write("

这是一个标题

"); document.write("

这是一句话

"); 网页效果如下图 不属于方法和函数的JS语句 加载页面就会直接显示出来,如果属于某个函数，触发了该函数才会显示，如果在文档加载后使用该方法，会覆盖整个文档。

警告弹出框

写一个按钮，点击后会弹出一个弹出框，如果不关掉弹出框是无法点击其他地方

<script> function testAlert(){ alert("hhhh"); } </script> 网页效果如下图

可输入的脚本提示框

<script> function testPrompt(){ prompt("密码","123456"); } </script> 网页效果如下图

选择框（是/否）

<script> function testConfirm(){ alert(confirm("确定删除？不能恢复")); } </script> 点击确定 就为true 点击取消 就为false 网页效果如下图

改变 HTML 内容

点击按钮改变网页内容 <script> function testB(){ var g = document.getElementById("test"); g.innerHTML="第二个"; } </script>

第一个

网页效果如下图 点击后----> 点击两个图片来回切换 <script> function testC(){ var tp1 = document.getElementById("tp1"); if (tp1.src.match("kuangsan")){ tp1.src="image/shixiang.jpg"; }else{ tp1.src="image/kuangsan.jpg"; } } </script> 此效果图无法展示