2编写一个简单的脚本

1将javascript组合到html
script标识符
在html中包括脚本很方便,每个脚本必须包含在script容器标识符内,即:要用打开标识符<script>开始脚本,用关闭标识符</script>来结束脚本。如:
<script>
javascript程序
</script>

script标识符的属性
SRC,包含Javascript源代码的文件的URL,文件应以js为扩展名。
LANGUAGE表示在javascript 2.0使用的语言,应该使用JavaScript。

javascript使用双斜线//实现注释。也支持/*与*/的多行注释。

javascript脚本与程序可以放入html文件头部或文件的任何地方,习惯上在html文件头部包括script容器。例如:
<html>
<head>
<title>一个简单的例子</title>
<script language="JavaScript">
<!--
//双斜杠后面是注释而已,writln()是对象document对象的部分。
document.writeln("一个简单的实例");
//-->
</script>
</head>
<body>

</body>
</htmL>

2javascript的命令块
可以用大括号{与}将多个命令组合成命令块,命令块将一组javascript命令组合成1个单个单元。

3输出文本
在JavaScript中编程者能够按html文件的顺序直接向客户窗口输出文本。产生输出的JavaScript在html文件中发生输出时被执行,而且相应的文本要作为html脚本来解释,以用于显示页面。

下面介绍用document.write()与document.writeln()方法把文本输出到文档窗口的过程。
document对象在JavaScript中包括2种将文本输出到客户窗口的方法:write()和writeln()。write()方法按照当前html文件的顺序将文本和html作为文本串输出到当前的窗口。writeln()方法与write()方法相比,只是在所有输出的末尾加有回车。

javascript中,文本串中可以包含特殊的字符来表示那些不能用键盘输入的字符。如:
\n,表示另起一行
\t,表示制表符
\r,表示回车
\f,表示表格输入
\b,表示退格
\\,表示一个反斜杠

4对话框的使用
JavaScript为编程者提供了在小的对话框中生成输出的能力。输出到对话框的最简单的方式是使用alert()方法。alert("字符串");
注意在alert()方法的前面没有对象名字,这是因为alert()方法是window对象的部分。

5与用户交互
与用户交互的最简便的方式是使用prompt()方法,prompt()建立一个具有所指定的消息的对话框,但它也提供1个缺省入口的入口字段。用户需要填充该字段,然后单击OK按钮。
prompt("提示字符串","入口字段缺省字符串");
prompt()方法将返回的结果可以存储于变量中,也可也用作其他方法的变元。

html标记语言是不区分大小写。但是javascript是区分大小写。

文本显示
使用document.write(),在当前文档中显示文本。

6Document对象
为了使脚本控制这些对象,并有助于程序设计这控制页面上潜在的大量对象所造成的混乱,浏览器制造者定义了文档对象模型(DOM),模型采用层次结构。一个模型就像网页上一组对象的一个模块或计划。

window对象:在层次的顶部是Window对象,在层次的顶部是Window对象。这种对象代表HTML文档在浏览器窗口的内容区域。在多框架环境下,每个框架都是一个窗口。所有的动作都是在窗口内发生的。

document对象:每个载入窗口中的HTML文档成为一个document对象。一个窗口只能有一个文档。

form对象,在<form>...</form>标记对中所有的东西都是form对象的一部分。

表单控件元素,表单元素中的每个文本域、按钮等都是一个个独立的对象。

7对象的引用
当文档载入浏览器后,它所有的对象都按照浏览器文档对象模型所规定的严格的层次结构安全地存放在内存中。一个脚本要控制一个对象,应该有一种方法指向一个对象。

对象命名
name属性为每个对象指定一个唯一的名字。命名不能有空格,除了下划线外不能有其它标点符号,不能以数字开头。

对象的名字只是浏览器用来定位对象实际引用的一部分。对每个对象,引用必须包括从顶端到对象的层次,各个层次之间用句点隔开。如:window.document.formName

函数,函数定义了载入浏览器之后执行的脚本语句块。每个函数定义是以function开始,后面是函数名和括号。window对象有一个事件处理叫做onLoad,onLoad事件处理在<body>标记对之间。例:onload事件触发done()函数。
<html>
<head>
<script language="JavaScript">
<!--
function done()
alert("The page has finished loading");
}
//-->
</script>
</head>
<body onLoad="done()">
</body>
</html>

使用单击按钮的onClick事件触发函数:
<html>
<head>
<script language="JavaScript">
<!--
function done()
alert("The page has finished loading");
}
//-->
</script>
</head>
<body>
<form>
<input type="text" name="entry".
<input type="button" name="oneButton" value="press me!" onClick="done()">
</form>
</body>
</html>


















  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值