JAVASCRIPT 教程4 付首昕
第四集
--------------------------------------------------------------------------------
这章我将告诉您如何在状态列 (statusbar) (也就是您浏览器最下方显示 URLs 的那一行) 显示文字,并且将教您 '跑马灯' (以下简称 scroller ) 的工作原理。虽然以
JavaScript 完成的 scroller 目前仍有些问题 (稍後会提到问题在哪儿?),但我还是告诉您它是如何写成的。
首先,如何将文字填入 statusbar 呢?下述语法将告诉您如何做到这项功能: (按下按钮後请注视 statusbar 的变化)
很新奇吧! 请看看原始码 :
<html>
<head>
<script language="JavaScript">
<!-- Hide
function statbar(txt) {
window.status = txt;
}
// -->
</script>
</head>
<body>
<form>
<input type="button" name="look" value="写入文字" onclick="statbar('嗨 ! 这就是状态
列 (statusbar) !');">
<input type="button" name="erase" value="清除文字" onclick="statbar('');">
</form>
</body>
</html>
我制作了两个都会呼叫 statbar(txt) 函式 (function) 的按钮。当此函式被呼叫後,字串经由括弧中的变数 txt 传给 statbar(txt)。 (不一定要用 txt,用别的变数名也可以)
。当电脑执行到 <form> tag 时, 一旦按下按钮就会呼叫 statbar(txt)。但是电脑并没有马上将 txt 的内容写在 statusbar,只是将欲显示的字串存入 txt。换句话说,藉由呼
叫函式,只是让变数 txt 得到一个值。因此当您按下 '写入文字' 这个按钮後,会呼叫 statbar(txt) 而且 '嗨 ! 这就是状态列 (statusbar) !' 这个字串会存入 txt 中。咻 !
讲了这麽多只是想告诉您这种写法可预留一些弹性。什麽弹性呢?就是您可重复使用 txt 这个变数。您看看第二个按钮,它也是呼叫相同的函式。若您不利用一个变数来传递字串
的话,就必须写两个不同的函式了。
那麽 statbar(txt) 到底做了些什麽?其实没什麽,只是将 txt 的内容写入变数 window.status中。这是由 window.status = txt; 做的。另外若想消除文字,只需送一个空字串
('') 给 statusbar。请注意,因为在 onClick 中我们已经使用双引号 " ,所以这里必须用单引号 ' 。这是为了让浏览器辨认哪两个引号是一对的,因此您必需双引号和单引号
交替使用。
由此份简介文件第二章您已学过 onMouseOver 的特性了 :
<
相关文档:
由于TEXTAREA没有maxlength,不能这样限制textarea长度, 但通过JAVASCRIPT 就能实现到
<mce:script type="text/javascript"><!--
function limitLength(obj, length) {
var desc = obj.value;
obj.value = substr(obj.value,length);
}
function substr(str,length){
......
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="return f ......
单体是一个用来划分命名空间并将一批相关的属性和方法组织在一起的对象,如果他可以被实例化,那么他只能被实例化一次。
单体模式是javascript里面最基本但也是最有用的模式之一。
特点:
1. 可以来划分命名空间,从而清除全局变量所带来的危险。
2. ......
JavaScript就这么回事:基础知识
1 创建脚本块
1: <script language="JavaScript">
2: JavaScript code goes here
3: </script>
2 隐藏脚本代码
1: <script language="JavaScript">
2: <!--
3: document.write("Hello");
4: // -->
5: </script>
在不支持JavaScript的浏览 ......