`
八岭书生
  • 浏览: 104097 次
  • 性别: Icon_minigender_1
  • 来自: 福州
社区版块
存档分类
最新评论

引入JavaScript脚本代码到HTML文档中

阅读更多

在学习JavaScript时的一些小结,呵呵...

 

html文档如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>引入JavaScript脚本代码到HTML文档中</title>
<!--
	在<head>中放置JavaScript脚本代码一般用于提前载入以响应用户的动作,一般不影响HTML文档的浏览器显示内容		
-->
<script language="javascript" type="text/javascript" src="Sample.js"></script><!--2、通过<script>标记的src属性引入-->
<script language="javascript" type="text/javascript">
	<!--1、通过<script>标记对引入-->
	document.write("Hello World!");
	
	<!--4、通过HTML文档事件处理程序引入-->
    function clickMe(){
		alert("你好坏呀,还真点呀...");
		//window.document.write(111);
	}	
</script>
<!--给出不支持脚本的浏览器提示信息-->
<noscript>浏览器不支持JavaScript脚本</noscript>
</head>

<body>
<!--
	若需要在页面载入时运行JavaScript脚本生成网页内容,应将脚本代码放置在<body>中	
-->
<form name="MyForm">
<!--3、通过JavaScript伪URL引入-->
	<p>伪URL地址引入JavaScript脚本代码实例:</p>
    <input type="text" name="Mytest" value="鼠标点击" onclick="javascript:alert('鼠标已点击文本框')" /><br />
    
    <p>通过文档事件处理程序引入JavaScript脚本代码实例:</p>
    <input type="button" name="MyBotton" value="点我呀" onclick="clickMe()" />
</form>
</body>
</html>
分享到:
评论

相关推荐

    JavaScript脚本资源

    JavaScript可以内嵌到HTML文档中,通过`&lt;script&gt;`标签来定义。例如: ```html &lt;script language="JavaScript"&gt; // JavaScript代码写在这里 ``` #### 1.2 注释 JavaScript支持单行和多行注释,单行注释使用`//`,...

    java代码的基础引入方法

    为了使HTML文档能够执行JavaScript代码,我们需要将这些代码嵌入到HTML文档中或者通过外部文件链接到HTML文档中。 #### JavaScript代码的内联式引入 最简单的JavaScript引入方式是在HTML文档内部直接编写...

    JavaScript在主页设计中的应用技巧.pdf

    第一种方法是嵌入法,即用 `&lt;SCRIPT&gt;` 标记将 JavaScript 代码嵌入到 HTML 文档中。第二种方法是加载法,即在 HTML 文档中加载 JavaScript 文件。 使用 JavaScript 可以极大地增强主页的灵活性及实用性。在本文中,...

    JavaScript引入方式

    - 在一个HTML文档中,可以插入多个`&lt;script&gt;`标签来定义不同的脚本代码段。 **示例代码**: ```html &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; , initial-scale=1.0"&gt; &lt;title&gt;Document &lt;!-- 内部脚本 --&gt; alert...

    深入浅出javascript源代码.

    JavaScript代码通常嵌入HTML文档中,也可以通过外部.js文件引入。基础知识点包括变量声明(var、let、const)、数据类型(number、string、boolean、object、null、undefined)、运算符(算术、比较、逻辑、赋值等)...

    动态网站建设》第2章JavaScript脚本语言基础

    - **标识符**:在HTML文档中,JavaScript使用`&lt;script&gt;`标签,Java则通过Applet或其他方式引入。 3. **JavaScript在网页中的应用**: - **DOM操作**:JavaScript可以操纵HTML文档对象模型(DOM),实现动态修改...

    JavaScript — 与HTML&CSS的关系1

    JavaScript 是 HTML 的补充,用于添加交互性和动态性到静态的 HTML 文档中。HTML 文档中的脚本标签 `&lt;script&gt;` 用于引入 JavaScript 代码,JavaScript 代码可以访问和操作 HTML 文档的结构和内容,如更改文档的内容...

    脚本简单代码

    - **内联脚本**:这里的脚本被直接嵌入到HTML文档中,这种方式适合简单的功能实现。对于复杂的项目来说,通常建议将JavaScript代码放在单独的.js文件中,并通过`&lt;script src="filename.js"&gt;&lt;/script&gt;`引入。 ### 2....

    JS脚本代码

    在网页中,JavaScript通常嵌入在HTML文档中,通过`&lt;script&gt;`标签引入。其语法深受C和Java的影响,但更为简洁。JS支持数据类型包括基本类型(如字符串、数字、布尔值)和引用类型(如对象和数组)。变量定义使用`var`...

    【第八章】JavaScript【Script标签与访问HTML页面(2)】

    在HTML文档中,`&lt;script&gt;`标签是引入和执行JavaScript代码的关键。 1. `&lt;script&gt;`标签的使用: - 内联方式:可以直接在HTML文件中嵌入JavaScript代码,如`&lt;script&gt;your js code here&lt;/script&gt;`。 - 外部引用:...

    javascript html实现网页版日历代码

    2. JavaScript脚本:在本文的HTML文档中,内嵌了一个JavaScript函数showc(),用于生成和显示网页版日历。JavaScript通过创建一个新的Date对象来获取当前日期,并通过一系列的变量定义日历的必要数据,例如年月、日期...

    JavaScript的执行过程详细研究

    在深入探讨JavaScript的执行过程前,我们先来看一下HTML文档中JavaScript代码的执行顺序。 #### 二、按HTML文档流顺序执行JavaScript代码 在HTML文档中,JavaScript代码通常是通过`&lt;script&gt;`标签嵌入的。这些脚本...

    javaScript脚本技术和asp.net内置对象

    JavaScript可以直接嵌入HTML文档中,也可以通过外部文件引入。JavaScript的功能强大,可以处理用户输入、操作DOM(文档对象模型)、进行异步通信等。 #### 二、JavaScript的基本语法与特性 1. **变量与数据类型**...

    javascript 完全手册

    - 可以将JavaScript代码单独存放在一个`.js`文件中,并通过`&lt;script src="filename.js"&gt;&lt;/script&gt;`的方式引入到HTML文档中。 **基本格式**: ```html // JavaScript代码 ``` - 早期为了兼容不支持`&lt;script&gt;`...

    Html与Javascript互相转换工具

    反之,它也可能将JS文件中的函数或变量插入到HTML文档中,使得它们可以直接在HTML上下文中运行。这样的转换对于大型项目尤其有用,因为它可以帮助保持代码的整洁和模块化。 在JavaScript中,可以使用DOM API操作...

    Html+javascript教程

    2. 当JavaScript代码位于HTML文档中,应使用`&lt;script&gt;`标签包裹,但独立.js文件中不应再使用此标签。 3. 注释方式与Java类似,可以使用单行`//`或多行`/*...*/`注释。 4. `&lt;script&gt;`标签可以多次出现,执行顺序遵循...

    在XHTML中嵌入JavaScript的方法

    本文将深入探讨这一主题,详细介绍如何有效地将JavaScript代码整合到XHTML文档中。 首先,XHTML(Extensible Hypertext Markup Language)是一种更严格、更纯净的HTML版本,它遵循XML的规则,强调文档的语法正确性...

    javascript

    - **JavaScript脚本**:使用 `&lt;script&gt;` 标签将 JavaScript 代码嵌入到 HTML 文档中,可以放置在 `&lt;head&gt;` 或 `&lt;body&gt;` 部分。 ##### 2.2 JavaScript编程基础 - **变量声明**:使用 `var`、`let` 或 `const` ...

    【第七章】JavaScript【Script标签与访问HTML页面(1)】

    1. **Script标签**:Script标签是HTML中用于引入JavaScript代码的标记。它们可以内联(inline)在HTML文档中,或者通过`src`属性指向外部JavaScript文件。内联方式适用于小型、简单的脚本,而外部文件则适用于大型...

Global site tag (gtag.js) - Google Analytics