您的位置:首页 > Web前端 > JavaScript

JavaScript基础实例

2016-09-21 17:56 141 查看

用JavaScript 输出文本

<!DOCTYPE HTML>
<head>
<meta charset = "utf-8">
<title>starGirl</title>
</head>
<body>
<h1>我的第一个Web页面</h1>
<p>我的第一个段落</p>
<script>
document.write(Date());
</script>
</body>
</html>


用JavaScript改变HTML元素

<!DOCTYPE HTML>
<head>
<meta charset = "utf-8">
<title>starGirl</title>
</head>
<body>
<h1>我的第一个Web页面</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML="段落已修改";
</script>
</body>
</html>


一个外部JavaScript

<!DOCTYPE HTML>
<head>
<meta charset = "utf-8">
<title>starGirl</title>
</head>
<body>
<h1>我的第一个Web页面</h1>
<p id="demo">我的第一个段落</p>
<button type="button" onclick="myFunction()">点击这里</button>
<p><b>注释:</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>
<script src="myScript.js"></script>
<!--function myFunction()-->
<!--{-->
<!--document.getElementById("demo").innerHTML="My First JavaScript Function";-->
<!--}-->
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript 实例 web