JavaScript基础学习(一)

<script>
	document.write("<h1>一、这是一个标题</h1>")
	document.write("<p>这是一个段落</p>")
</script>
<!--您只能在HTML输出中使用document.write。如果您在文档加载后使用该方法，会覆盖整个文档。--><hr>

<h4>二、这里运用了button(按钮)和onclick(当你点击按钮时会在页面出现一个弹窗)</h4>
<button type="button" "alert('欢迎来到我的JavaScript！')">点我</button><hr>


<h4>三、用按钮改变内容</h4>
<p id="demo">JavaScript能改变元素的内容</p>
<script>
	function myFunction()
	{
		a=document.getElementById("demo");
		a.innerHTML="Hello JavaScript!";
	}
</script>
<button type="button" "myFunction()">点击这里</button><hr>


<h4>四、用按钮改变内容颜色</h4>
<p id="demo1">JavaScript能改变HTML元素的样式</p>
<script>
	function myFunction1()
	{
		b=document.getElementById("demo1");
		b.style.color="blue";
	}
</script>
<button type="button" "myFunction1()">点击这里</button><hr>


<h4>五、判断是否为数字(用isNaN( )函数)</h4>
<p>请输入数字，如果输入值不是数字，浏览器会弹出提示框</p>
<input id="demo2">
<script>
	function myFunction2()
	{
		var c=document.getElementById("demo2").value;
		if (isNaN(c))
		{ 
			alert("不是数字");
		}
	}
</script>
<button type="button" "myFunction2()">点击这里</button><hr>
<!--isNaN() 函数用于检查其参数是否是非数字值。-->
<!--"||表示逻辑的'或'"-->

<h4>六、外部的JavaScript</h4>
<p id="demo3">一个段落</p>
<button type="button" "myFunction3()">点击这里</button>
<script src="myFunction3.js"></script><hr>

袁同学——2019年4月15日