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