iis服务器助手广告
返回顶部
首页 > 资讯 > 前端开发 > html >javascript加入网页有哪些方法
  • 189
分享到

javascript加入网页有哪些方法

2024-04-02 19:04:59 189人浏览 安东尼
摘要

本篇内容主要讲解“javascript加入网页有哪些方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript加入网页有哪些方法”吧!

本篇内容主要讲解“javascript加入网页有哪些方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript加入网页有哪些方法”吧!

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加入网页有哪些方法”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

--结束END--

本文标题: javascript加入网页有哪些方法

本文链接: https://www.lsjlt.com/news/73408.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • javascript加入网页有哪些方法
    本篇内容主要讲解“javascript加入网页有哪些方法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript加入网页有哪些方法”吧! ...
    99+
    2024-04-02
  • 网页引入css样式的方法有哪些
    本篇内容介绍了“网页引入css样式的方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!内联式样式表:...
    99+
    2024-04-02
  • 有哪些提高网页加载速度的方法
    这篇文章主要介绍“有哪些提高网页加载速度的方法”,在日常操作中,相信很多人在有哪些提高网页加载速度的方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”有哪些提高网页加载速度的方法”的疑惑有所帮助!接下来,请跟...
    99+
    2023-06-08
  • 使网站网页更加吸引人的方法有哪些
    这篇文章主要讲解了“使网站网页更加吸引人的方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“使网站网页更加吸引人的方法有哪些”吧!如何让你的网站网页更加吸引人?什么样的网页可以突破互联...
    99+
    2023-06-10
  • JavaScript常用网页特效有哪些
    小编给大家分享一下JavaScript常用网页特效有哪些,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!1 元素偏移量offset系列1.1 offset概述offset含义:offset的含义是偏移量,使用offset的相...
    99+
    2023-06-25
  • 网页版式设计的方法有哪些
    本篇内容介绍了“网页版式设计的方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1. 广告主图搭配简洁的格栅系统无论屏幕尺寸大小如何,...
    99+
    2023-06-10
  • javascript获取html页面值的方法有哪些
    这篇文章主要讲解了“javascript获取html页面值的方法有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“javascript获取html页面值的...
    99+
    2024-04-02
  • 常见的JavaScript网页特效有哪些
    这篇文章主要为大家展示了“常见的JavaScript网页特效有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“常见的JavaScript网页特效有哪些”这篇文...
    99+
    2024-04-02
  • 动态加载JavaScript文件的方法有哪些
    本篇内容介绍了“动态加载JavaScript文件的方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!第一种便是利用ajax方式,把sc...
    99+
    2023-07-04
  • JavaScript有哪些math方法
    这篇文章主要介绍“JavaScript有哪些math方法”,在日常操作中,相信很多人在JavaScript有哪些math方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript有哪些math方法...
    99+
    2023-06-14
  • JavaScript嵌入网页中的方法是什么
    这篇文章主要讲解了“JavaScript嵌入网页中的方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript嵌入网页中的方法是什么”吧!...
    99+
    2024-04-02
  • JavaScript的引入方式有哪些
    本篇内容主要讲解“JavaScript的引入方式有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript的引入方式有哪些”吧! ...
    99+
    2024-04-02
  • HTML+CSS网页自适应的方法有哪些
    本篇内容介绍了“HTML+CSS网页自适应的方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家...
    99+
    2024-04-02
  • vba提取网页数据的方法有哪些
    在VBA中,提取网页数据的方法有以下几种:1. 使用IE对象:使用Internet Explorer对象来打开网页,并使用其提供的方...
    99+
    2023-09-12
    vba
  • javascript中有哪些dom方法
    这篇文章给大家分享的是有关javascript中有哪些dom方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。javascript是一种什么语言javascript是一种动态类型、弱类型的语言,基于对象和事件驱动...
    99+
    2023-06-14
  • javascript中form方法有哪些
    本篇内容主要讲解“javascript中form方法有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“javascript中form方法有哪些”吧! ...
    99+
    2024-04-02
  • JavaScript调试方法有哪些
    JavaScript调试的方法有以下几种:1. 使用console.log():在代码中插入console.log()语句,将变量或...
    99+
    2023-10-11
    JavaScript
  • javascript内置方法有哪些
    本篇文章为大家展示了javascript内置方法有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。javascript内置方法:concat()、join()、pop()、shift()...
    99+
    2023-06-15
  • 网页页脚该注意的地方有哪些
    这篇文章给大家分享的是有关网页页脚该注意的地方有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。大量链接  你肯定见过很多这样的网站:底部有50,100,甚至更多的链接。搜索引擎抓取你的网站时,它会尝试区别网站...
    99+
    2023-06-08
  • SQL server有哪些分页方法
    这篇文章主要讲解了“SQL server有哪些分页方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“SQL server有哪些分页方法”吧! ...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作