`
cakin24
  • 浏览: 1388705 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

在页面中直接嵌入JavaScript代码

阅读更多
一 <script>标记
在HTML文档中通过使用<script></script>标记将JavaScript脚本嵌入到其中,在HTML文档中可以使用多个<script>标记,每个<script>标记中可以包含多个JavaScript的代码集合。
script标记属性说明
属性 说明
language 设置所使用的脚本语言及版本
src 设置一个外部脚本文件的路径位置
type 置所使用的脚本语言,此属性已代替language属性
defer 此属性表示当HTML文档加载完毕后再执行脚本语言
  • language属性
language属性指定在HTML中使用的哪种脚本语言及其版本。language属性使用的格式如下。
<script language="JavaScript1.5">
说明:如果不定义language属性,浏览器默认脚本语言为JavaScript 1.0版本。
  • src属性
src属性用来指定外部脚本文件的路径,外部脚本文件通常使用JavaScript脚本,其扩展名为.js。src属性使用的格式如下:
<script src="01.js">
  • type属性
type属性用来指定HTML中使用的是哪种脚本语言及其版本,此属性在HTML 4.0标准开始,推荐使用type属性来代替language属性。type属性使用的格式如下:
<script type="text/javascript">
  • defer属性
defer属性的作用是当文档加载完毕后再执行脚本,当脚本语言不需要立即运行时,设置defer属性后,浏览器将不必等待脚本语言装载。这样页面加载会更快。但当有一些脚本需要在页面加载过程中或加载完成后立即执行时,就不需要使用defer属性。defer属性使用格式如下:
<script defer >
 
二 <script>标记的位置
<script>标记可以嵌入到HTML文档的任何位置。大多数开发人员将<script>标记嵌入到<head>头部标记中,将<script>标记嵌入到头部标记的格式如下:
<html>
<head>
<title>将script标记嵌入到头部标记中</title>
<script type="text/javascript">
…//脚本语句
</script>
</head>
<body>
</body>
</html>
但有些时候为了方便查看脚本语言的代码,需要将<script>标记嵌入到<body>主体标记中。将<script>标记嵌入到主体标记的格式如下:
<html>
<head>
<title>将script标记嵌入到主体标记中</title>
</head>
<body>
<script type="text/javascript">
…//脚本语句
</script>
</body>
</html>
 
三 编写第一个JavaScript程序
在编写JavaScript前,应该先选用一种编写JavaScript的编辑器。编写JavaScript可以使用任何一种文本编辑器,例如Windows中的写字板和记事本工具,也可以选用任何一种编写HTML文档的工具软件,例如Dreamweaver和FrontPage等。读者可以从中选用任何一种工具来作为编写JavaScript的编辑器。
下面将介绍如何编写第一个JavaScript,如何使用记事本工具来作为JavaScript的编辑器。编写步骤如下。
(1)单击“开始”→“程序”→“附件”→“记事本”将打开记事本工具。
(2)在打开的记事本工具中编写如下代码:
 
 
  1. <html>
  2. <head>
  3. <title>一段简单的JavaScript代码</title>
  4. <script type="text/javascript" defer>
  5. window.alert('欢迎光临本网站')
  6. </script>
  7. </head>
  8. <body>
  9. <h3>这是一段简单的JavaScript代码。</h3>
  10. </body>
  11. </html>
(3)输入完代码后需要将其保存为.html格式或.htm格式。保存完.htm格式后文档图标将会变成一个IE浏览器的图标,双击此图标,以上代码的运行结果会在浏览器中显示,结果如图1所示。

   
 
  • 大小: 4.2 KB
  • 大小: 7.4 KB
1
0
分享到:
评论

相关推荐

    简单的网页内嵌入javascript代码_javascript_网页内嵌入简单的javascript代码_

    在本教程中,我们将探讨如何在网页中嵌入JavaScript代码,以实现基本的登录界面错误检查功能。 首先,我们需要了解HTML(超文本标记语言)是网页的基础结构,而CSS(层叠样式表)用于控制页面的布局和样式。当这...

    在XHTML中嵌入JavaScript的方法

    在XHTML中嵌入JavaScript是Web开发中的常见实践,它结合了XHTML的结构化语义和JavaScript的动态功能,从而创造出丰富的、交互性强的网页体验。本文将深入探讨这一主题,详细介绍如何有效地将JavaScript代码整合到...

    股票代码(可嵌入到网页中)

    综上所述,实现“股票代码(可嵌入到网页中)”的功能,需要掌握HTML、JavaScript、Ajax技术,并理解如何与服务器进行数据交互。同时,选择合适的股票数据API并正确处理返回的数据也是关键。这样的功能提高了用户...

    网页中嵌入PPstream代码

    本文将深入探讨如何在网页中嵌入PPstream代码,以及相关的技术背景和实现方法。 首先,理解PPStream的工作原理至关重要。PPStream采用P2P(点对点)技术,使得视频数据能够通过用户的电脑进行传输,降低了服务器的...

    JavaScript经典代码大全

    这些JavaScript代码示例展示了在实际开发中处理各种交互需求的方法,涵盖了一部分页面行为控制、用户输入限制、页面元数据修改以及浏览器特性利用等多个方面。了解并掌握这些技巧,能帮助开发者更好地优化用户体验,...

    修复网页javascript方法及代码

    当使用XHTML或在严格模式下编写HTML文档时,需要特别注意如何嵌入JavaScript代码以避免解析错误。使用CDATA可以帮助解决这个问题: ```html &lt;script type="text/javascript"&gt; &lt;!-- // JavaScript代码 document....

    javascript 实例源代码

    在本实例源代码中,我们很显然会看到JavaScript如何与HTML结合,为网页添加交互性和动态效果。 首先,JavaScript允许我们通过事件监听来响应用户的操作,如点击按钮、滚动页面等。例如,在HTML中,我们可以通过`...

    网页源代码,javascript

    根据提供的文件信息,我们可以从网页源代码中提取到与网页结构、样式以及JavaScript脚本相关的知识点。接下来将详细解析这些知识点。 ### 1. 文档类型声明(DOCTYPE) ```html &lt;!DOCTYPE ...

    让Javascript源代码从网页中分离出来.pdf

    JavaScript是一种广泛用于网页动态效果和交互的编程语言,当大量JavaScript代码直接嵌入到HTML网页中时,会增加网页的下载时间和解析时间,从而影响用户体验。 描述中提到,很多网页制作者为了实现各种特效,常常会...

    js代码高亮显示 JavaScript代码高亮 jsp

    3. 高亮代码:在页面中嵌入要高亮的JavaScript代码,然后使用JavaScript库进行高亮处理。例如,使用Highlight.js: ```jsp &lt;pre&gt;&lt;code class="language-javascript"&gt;你的JavaScript代码&lt;/code&gt;&lt;/pre&gt; &lt;script&gt;hljs....

    网页嵌入qq群代码.zip_Q群代加_head_monkeysbk_programav2_网页嵌入代码

    网页嵌入QQ群代码是一种常见的在线社群营销策略,它允许网站管理员在网页中直接嵌入QQ群的邀请链接或代码,以便访客可以快速加入到指定的QQ群中。这个"网页嵌入qq群代码.zip"压缩包包含了实现这一功能的相关资源,...

    代码高亮显示javascript插件

    "代码高亮显示JavaScript插件"是专门用于在Web页面中美化和突出显示JavaScript代码的工具,它能够将原始的黑白文本代码转换为具有不同颜色、字体和样式的视觉盛宴。本文将深入探讨这一主题,详细介绍JavaScript代码...

    JavaScript 经典代码大全

    JavaScript是一种广泛应用于...JavaScript在网页开发中扮演着至关重要的角色,上述代码展示了JavaScript在用户交互、页面控制、安全防护等多个方面的应用。理解并熟练运用这些代码,能够极大地提升你的前端开发能力。

    Axure夜话之嵌入代码系列视频教程之嵌入标签云.rar

    5. **JavaScript嵌入**:Axure支持嵌入JavaScript代码,以实现更复杂的功能。在这个教程中,学习者可能会学到如何编写和嵌入JavaScript,使得标签云可以响应用户的交互。 6. **交互事件**:设置鼠标悬停、点击等...

    javascript经典代码大全.pdf

    在提供的文件内容中,列举了一些经典的JavaScript代码片段,这些代码主要用于增强用户体验、保护网页内容以及实现特定的功能。以下是这些代码的详细解释: 1. `oncontextmenu="window.event.returnValue=false"`:...

    在网页中嵌入脚本的方式PPT课件.pptx

    嵌入脚本的方式 在网页中嵌入脚本是 Web 开发中的一项重要技术,通常有三种方式来嵌入脚本:在...在网页中嵌入脚本是 Web 开发中的一项重要技术,开发者需要根据具体情况选择适合的方式,以提高开发效率和代码维护性。

    javascript初级代码学习.zip

    001-HTML中嵌入JavaScript代码的第一种方式 002-HTML中嵌入JavaScript代码的第二种方式 003-HTML中嵌入JavaScript代码的第三种方式 001-BOM编程-open和close 002-open 003-弹出消息框和确认框 004-当前窗口设置为...

    Axure夜话之嵌入代码系列视频教程之嵌入地图.zip

    例如,使用Google Maps API,我们需要获取API密钥,并在代码中引用这个密钥以及设置地图的中心点、缩放级别等参数。 其次,教程可能还会涵盖如何处理用户交互,比如点击地图上的某个位置、拖动地图、缩放地图等。...

    很有趣的javascript编写的代码

    JavaScript代码可以嵌入到HTML中,也可以单独写在外部JS文件里。在压缩包中的"很有趣的javascript代码"很可能就是一个或多个这样的外部JS文件,包含了实现特定整人效果的函数和逻辑。这些代码可能包括了时间触发器...

    把Javascript代码应用到网页中的方法

    当JavaScript代码量较大或者需要在多个页面中复用时,可以将其保存为单独的.js文件,然后在HTML中通过`&lt;script&gt;`标签的`src`属性引用该文件。这种方式提高了代码的组织性和复用性。例如: ```html ...

Global site tag (gtag.js) - Google Analytics