发表于： 2020-01-17 23:45:40
1 1051
今天完成的事情：学习了js的一些输出语句
明天计划的事情：继续任务
遇到的问题：js内容很多，非常不熟练需要花费很多时间来联系
收获：学习了一般的输出语句，比如
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML="渣渣渣渣渣";
</script>
</body>
效果图
输出语句之后改变了内容。
可以有一些基本的运算，例如代码
<h1>我的网页</h1>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
a = 1;
b = 2;
c = a + b;
document.getElementById("demo1").innerHTML = c;
x = 1; y = 2; z = x + y;
document.getElementById("demo2").innerHTML = z;
</script>
结果
a,b,c的值可以相加，输出的直接就是计算后的数值
js代码的顺序是一次运行的，例如
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
输出效果
浏览器按照编写顺序依次执行每条语句。
代码也可以分块运行，例如
<h1>我的 Web 页面</h1>
<p id="myPar">我是一个段落。</p>
<div id="myDiv">我是一个div。</div>
<p>
<button type="button" onclick="myFunction()">点击这里</button>
</p>
<script>
function myFunction(){
document.getElementById("myPar").innerHTML="你好世界！";
document.getElementById("myDiv").innerHTML="你最近怎么样?";
}
</script>
<p>当您点击上面的按钮时，两个元素会改变。</p>
效果
今天学习了一点基本，明天继续任务
返回列表
评论