js实现一些简单文本的加载

最新推荐文章于 2024-01-26 18:26:56 发布

Gumballs

最新推荐文章于 2024-01-26 18:26:56 发布

阅读量674

点赞数

分类专栏：学习总结

本文链接：https://blog.csdn.net/wo7024389/article/details/76038186

版权

学习总结专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>在页面上显示一个Helloworld</title>
    <script type="text/javascript">
        //实现页面加载helloworld
        document.write('helloworld');

    </script>
</head><body></body></html>

该代码就会显示helloworld

js有三种使用方式，分别为行内js，内部结js和外部js

行内js：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式1.行内js</title>
    <script type="text/javascript">

    </script>
</head>
<body>
<input type="button" value="点击有惊喜" οnclick="javascript:alert('哈哈哈')"/>
</body>
</html>

内部js：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式2.内部js</title>
    <script type="text/javascript">
        function surprise(){
            alert('恭喜你中了100万')
        }
    </script>
</head>
<body>
<input type="button" value="点击有惊喜" οnclick="surprise()"/>
<input type="button" value="点击" οnclick="surprise()"/>
<input type="button" value="双击" οndblclick="surprise()"/>
</body>
</html>4

外部js：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js使用方式3.外部js</title>
    <script src="js/1.js" language="JavaScript"></script>
</head>
<body>
<input type="button" value="点击" οnclick="test()"/>
</body>
</html>
在外部建立一个相关的js文件：
function test(){
    alert('你中了100万')
}