JavaScript基础笔记_17-07-10

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

在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>

此效果图无法展示