• 技术文章 >web前端 >js教程

    javascript加入网页有几种方法

    醉折花枝作酒筹醉折花枝作酒筹2021-07-16 11:16:19原创162

    js加入网页的方法有两种,分别是:1、直接方式,语法格式为“<script>js代码</script>”;2、引用方式,语法格式“<script src=“js地址” type="text/javascript"></script>”。

    1、直接方式

      这是最常用的方法,大部分含有Javascript的网页都采用这种方法,如:

    <script type="application/javascript">
      <!--
      document.write("这是Javascript!采用直接插入的方法!");
      //-Javascript结束-->
      </script>

      在这个例子中,我们可看到一个新的标签: <script>……</script>,而<script language="Javascript"> 用来告诉浏览器这是用Javascript编写的程序,需要调动相应的解释程序进行解释。(w3c已经建议使用新的标准:<script type="application/javascript">)

      HTML的注释标签<!--和-->:用来去掉浏览器所不能识别的Javascript源代码的,这对不支持 Javascript 语言的浏览器来说是很有用的。

      注意在非xhtml文档中插入script标签时,如果不是引用外部文件,应该在script内加上cdata声明,避免大于和小于运算符引起的浏览器解析错误

      //-Javascript结束:双斜杠表示 Javascript的注释部分,即从//开始到行尾的字符都被忽略。 至于程序中所用到的document.write()函数则表示将括号中的文字输出到窗口中去, 这在后面将会详细介绍。 另外一点需要注意的是,<script>……</script>的位置并不是固定的,可以包含在<head>......</head> 或<body>.....</body>中的任何地方。

      还有一个更高级版本的嵌入脚本,它使用了HTML中的CDATA语法(Character Data,就是把CDATA中的文本全部当作纯文本处理,除非遇到CDATA的结束)

    <script language="javascript" type="text/javascript"><!--//--><!CDATA[[//><!--
      //javascript代码
      //--><!]]></script>

    2、引用方式

      如果已经存在一个Javascript源文件(通常以js为扩展名),则可以采用这种引用的方式,以提高程序代码的利用率。其基本格式如下:

    <script src=“url” type="text/javascript"></script>

      其中的Url就是程序文件的地址。同样的,这样的语句可以放在HTML文档头部或主体的任何部分。 如果要实现“直接插入方式”中所举例子的效果,可以首先创建一个Javascript源代码文件“Script.js”,其内容如下:

    document.write("这是Javascript!采用直接插入的方法!");

      在网页中可以这样调用程序:<script src="Script.js" type="text/javascript"></script> 。

      也可以同时在导入文件时制定javascript的版本,例如:<script src="Script.js" type="text/javascript; version=1.8"></script>

      注意:凡是指定了src属性的script标签里的内容都会被忽略。

    【推荐学习:javascript高级教程

    以上就是javascript加入网页有几种方法的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:Javascript
    上一篇:javascript创建新节点方法是什么 下一篇:javascript算术运算符有哪些
    第16期线上培训班

    相关文章推荐

    • javascript的技术特性是什么• Python为什么像JavaScript• 如何处理javascript内存泄露• javascript是什么格式的文件• javascript创建新节点方法是什么

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网

    ”;2、引用方式,语法格式“”。","pubDate": "2021-07-16T11:16:19","upDate": "2021-07-16T11:16:19","data": {"WebPage": {"headline": "javascript加入网页几种方法","wapUrl": "https://m.php.cn/article/480001.html","pcUrl": "https://www.php.cn/js-tutorial-480001.html","fromSrc": "php中文网","domain": "电子科技","category": ["问答"],"isDeleted": 0},"Question": [{"acceptedAnswer":"js加入网页的方法有两种,分别是:1、直接方式,语法格式为“”;2、引用方式,语法格式“”。"}],"ImageObject": [{"contentUrl": "https://img.php.cn/upload/article/202107/16/2021071611113217960.jpg","scale": "5:2"}],"Author": [{"name": "php中文网","jobTitle": ["php公益学习平台"],"headPortrait": "https://img.php.cn/upload/article/000/000/003/5d1b23156bf94358.png"}]}}