一、javascript用法

如果需要在HTML页面中插入js,js必须位于<script></script>标签之间。js可以放在HTML页面的<head>和<body>中,或同时存在于两个部分中,通常把函数放入<head>中,或者页面底部。

1.<head>中的js

源代码:

<html>

    <head>

    <script>document. write(“hello world”);</script>

    </head>

    <body>

        <h1>这是我的世界,欢迎大家前来!</h1>

    </body>

</html>

运行结果:


2.<body>中的js

源代码:

<html>

<body>

    <h1>这是我的世界,欢迎大家前来!</h1>

    <script>document. write(“hello world”);</script>

</body>

</html>

运行结果:


3.外部的js

可以把脚本保存在外部文件中,外部js文件的扩展名是.js

如何使用外部js文件:

<script src=”文件路径”></script>

需要使用src属性,属性值为文件路径

注意:

    外部脚本不能包含<script>标签

脚本文件(test.js)代码:

document. write(“这是外部js文件”);

源代码:

<html>

<body>

    <h1>这是我的世界,欢迎大家前来!</h1>

    <script src=”test.js”></script>

</body>

</html>

运行结果:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,844评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,368评论 0 3
  • 1 Webpack 1.1 概念简介 1.1.1 WebPack是什么 1、一个打包工具 2、一个模块加载工具 3...
    Kevin_Junbaozi阅读 6,799评论 0 16
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,816评论 0 8
  • 瑄,如果在若干年后的某一天,你有认真看妈妈给你写的这些日记,你就会发现,咦,今天怎么写俩篇啊?一篇是凌晨一点多,一...
    杨茗辞阅读 202评论 1 2