一个段落

" /> 一个段落

" /> 一个段落

" />

首页 / 知识

JavaScript 函数如何放入 body部分?

2023-04-11 13:40:00

JavaScript 函数如何放入 body部分?
    <body>中的JavaScript函数
 
    在本例中,我们把一个JavaScript函数放置到HTML页面的<body>部分。
 
    该函数会在点击按钮时被调用:
 
    实例
 
    <!DOCTYPEhtml>
 
    <html>
 
    <body>
 
    <h1>我的Web页面</h1>
 
    <pid="demo">一个段落</p>
 
    <buttontype="button"onclick="myFunction()">尝试一下</button>
 
    <script>
 
    functionmyFunction()
 
    {
 
        document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
    }
 
    </script>
 
    </body>
 
    </html>
 
    外部的JavaScript
 
    也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
 
    外部JavaScript文件的文件扩展名是.js。
 
    如需使用外部文件,请在<script>标签的"src"属性中设置该.js文件:
 
    实例
 
    <!DOCTYPEhtml>
 
    <html>
 
    <body>
 
    <scriptsrc="myScript.js"></script>
 
    </body>
 
    </html>
 
    你可以将脚本放置于<head>或者<body>中,放在<script>标签中的脚本与外部引用的脚本运行效果完全一致。
 
    myScript.js文件代码如下:
 
    functionmyFunction()
 
    {
 
        document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
 
    }
 
    lamp外部脚本不能包含<script>标签。

函数调用放入页面会在段落

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢