【代码笔记】Web-JavaScript-JavaScript语句
程序员文章站
2022-06-05 16:07:42
一，效果图。 二，代码。 javascript 语法
我的第一个段落
一，效果图。
二，代码。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>javascript 语法</title>
</head>
<body>
<!--语句-->
<p id="demo">我的第一个段落</p>
<script>
document.getelementbyid("demo").innerhtml = "你好 dolly";
</script>
<!--分号-->
<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>
<!--代码-->
<p id="demo">一个段落</p>
<div id="mydiv">一个div.</div>
<script>
document.getelementbyid("demo").innerhtml = "你好dolly";
document.getelementbyid("mydiv").innerhtml = "你最近怎么样";
</script>
<!--代码块-->
<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>
</body>
</html>
参考资料：《菜鸟教程》