JavaScript入门

JavaScript使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h2> Body 中的JavaScript</h2>
<p id="demo"></p>

<script>
    document.getElementById("demo").innerHTML="我的第一段 JavaScript";
</script>

<script>
    function myFunction1() {
        document.getElementById("demo1").innerHTML="段落被更改";
    }
</script>

<!-- 把脚本置于<body>元素的底部,可改善显示速度,因为脚本编译会拖慢显示-->
<p id="demo1">一个段落</p>
<button type="button" onclick="myFunction1()">试一试</button>

<!--
外部JavaScript的优势
1、分离了HTML和代码
2、使HTML和JavaScript更易于阅读和维护
3、已缓存的JavaScript文件可加速页面加载
-->

<button type="button" onclick="myfunction2()">引用本地外部脚本的按钮</button>
<button type="button" onclick="myFunction()">引用了别的站点的脚本</button>

<script src="test.js"></script>
<script src="https://www.w3school.com.cn/demo/myScript.js"></script>

</body>
</html>

JS输出


"en">

    "UTF-8">
    Title


我的第一张网页

我的第一个段落

"demo">

你可能感兴趣的:(兴趣爱好)