3918人阅读
javascript（22）
&SCRIPT LANGUAGE=JAVASCRIPT&
if (top.location !== self.location) {
top.location=self.
把这段代码放在你的页面里，再看看？
图片无缝滚动的完美解决
必大家都注意到&marquee&的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出&marquee&，不管怎
么做，都略显麻烦。下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1
是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至
demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到&无缝&滚动的目的。
先了解一下对象的几个的属性：
innerHTML:设置或获取位于对象起始和结束标签内的 HTML
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop属性指定的父坐标的计算顶端位置
offsetWidth:获取对象相对于版面或由父坐标 offsetParent属性指定的父坐标的宽度
好，先看这个向上滚动的代码：
&div id=demostyle=overflow:height:100;width:90;background:#214984;color:#ffffff&
&div id=demo1&滚动内容&/div&
&div id=demo2&&/div&
&& var speed=30
&&demo2.innerHTML=demo1.innerHTML file://克隆demo1为demo2
&& function Marquee(){
&&if(demo2.offsetTop-demo.scrollTop&=0)file://当滚动至demo1与demo2交界时
&&demo.scrollTop-=demo1.offsetHeight& file://demo
跳到最顶端
&& demo.scrollTop++
&& varMyMar=setInterval(Marquee,speed) file://设置定时器
&& demo.onmouseover=function(){clearInterval(MyMar)}//鼠标移上时清除定时器达到滚动停止的目的
&& demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器
向下滚动：
& &div id=demostyle=overflow:height:100;width:90;background:#214984;color:#ffffff&
& &div id=demo1&滚动内容&/div&
& &div id=demo2&&/div&
& &script&
&&& varspeed=30
&&&demo2.innerHTML=demo1.innerHTML
&&&demo.scrollTop=demo.scrollHeight
&&& functionMarquee(){
&&&if(demo1.offsetTop-demo.scrollTop&=0)
&&&demo.scrollTop+=demo2.offsetHeight
&&&demo.scrollTop--
&&& varMyMar=setInterval(Marquee,speed)
&&&demo.onmouseover=function() {clearInterval(MyMar)}
&&&demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
& &/script&
向左滚动：
&div id=demostyle=overflow:height:33;width:500;background:#214984;color:#ffffff&
& &table align=left cellpadding=0 cellspace=0border=0&
&&&&&&td id=demo1 valign=top&滚动内容&/td&
&&&&&&td id=demo2 valign=top&&/td&
& &/table&
& var speed=30
& demo2.innerHTML=demo1.innerHTML
& function Marquee(){
&if(demo2.offsetWidth-demo.scrollLeft&=0)
& demo.scrollLeft-=demo1.offsetWidth
& demo.scrollLeft++
& var MyMar=setInterval(Marquee,speed)
& demo.onmouseover=function(){clearInterval(MyMar)}
& demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
向右滚动：
&div id=demostyle=overflow:height:33;width:500;background:#214984;color:#ffffff&
&table align=left cellpadding=0 cellspace=0 border=0&
&&& &tdid=demo1 valign=top&滚动内容&/td&
&&& &tdid=demo2 valign=top&&/td&
& var speed=30
& demo2.innerHTML=demo1.innerHTML
& demo.scrollLeft=demo.scrollWidth
& function Marquee(){
& if(demo.scrollLeft&=0)
& demo.scrollLeft+=demo2.offsetWidth
& demo.scrollLeft--
& var MyMar=setInterval(Marquee,speed)
& demo.onmouseover=function(){clearInterval(MyMar)}
& demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
双击自动滚屏
var currentpos,
function initialize()
timer=setInterval(&scrollwindow()&,10);
function sc(){
clearInterval(timer);
function scrollwindow()
currentpos=document.body.scrollT
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
document.onmousedown=sc
document.ondblclick=initialize
查看网页源代码
function add(src)
window.location=&view-source:&+
弹出窗口全参数
【1、最基本的弹出窗口代码】
其实代码非常简单：
&SCRIPT LANGUAGE=javascript&
& window.open (&page.html&)
为这是一段javascripts代码，所以它们应该放在&SCRIPTLANGUAGE=javascript
&标签和&/script&之间。&!--
和--&是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。window.open
(page.html)用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径
(http://和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。这一段代码可以加入HTML的任意位置，&head&
和&/head&之间可以，&body&间&/body&也可以，越前越早执行，尤其是页面代码长，又想使页面早点
弹出就尽量往前放。
【2、经过设置后的弹出窗口】
&&&下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应页面的具体情况。
&SCRIPT LANGUAGE=javascript&
&window.open(&page.html&,&newwindow&,&height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no&)//
参数解释：
&SCRIPT LANGUAGE=javascript& js脚本开始；
window.open 弹出新窗口的命令；
page.html 弹出窗口的文件名；
newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏；
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
&/SCRIPT& js脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码。
&script LANGUAGE=JavaScript&
& function openwin(){
&&&window.open(&page.html&,&newwindow&,&height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no&)//
&body onload=openwin()&
...任意的页面内容...
&&&这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢？
方法一：&body onload=openwin()&浏览器读页面时弹出窗口；
方法二：&body onunload=openwin()&浏览器离开页面时弹出窗口；
方法三：用一个连接调用： &a href=#onClick=openwin()&打开一个窗口&/a&注意：使用的&#&是虚连接。
方法四：用一个按钮调用： &input type=button onclick=openwin()value=打开窗口&
【4、同时弹出2个窗口】
对源代码稍微改动一下：
&script LANGUAGE=JavaScript&
& function openwin(){
&&&window.open(&page.html&,&newwindow&,&height=100,width=100,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no&)//
&&&window.open(&page2.html&,&newwindow2&,&height=100,width=100,top=100,left=100,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no&)//
&&&为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。
&&&最后用上面说过的四种方法调用即可。注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？
【5、主窗口打开文件1.htm，同时弹出小窗口page.html】
如下代码加入主窗口&head&区：
&script language=javascript&
& function openwin(){
&&&window.open(&page.html&,&&,&width=200,height=200&)
加入&body&区：open即可。
【6、弹出的窗口之定时关闭控制】
面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面
中，否则...)，让它10秒后自动关闭是不是更酷了？首先，将如下代码加入page.html文件的&head&区：
&script language=JavaScript&
& function closeit(){
&&&setTimeout(self.close(),10000) //毫秒
然后，再用&bodyonload=closeit()&这一句话代替page.html中原有的&BODY&这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。)
【7、在弹出窗口中加上一个关闭按钮】
&INPUT TYPE=BUTTON VALUE=关闭 onClick=window.close()&
呵呵，现在更加完美了！
【8、内包含的弹出窗口-一个页面两个窗口】
上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。通过下面的例子，你可以在一个页面内完成上面的效果。
&SCRIPT LANGUAGE=JavaScript&
& function openwin(){
&&&OpenWindow=window.open(&&,&newwin&,&height=250,width=250,toolbar=no,scrollbars=+scroll+,menubar=no&);//写成一行
&&&OpenWindow.document.write(&&TITLE&例子&/TITLE&&)
&&&OpenWindow.document.write(&&BODY BGCOLOR=#ffffff&&)
&&&OpenWindow.document.write(&&h1&Hello!&/h1&&)
&&&OpenWindow.document.write(&New window opened!&)
&&&OpenWindow.document.write(&&/BODY&&)
&&&OpenWindow.document.write(&&/HTML&&)
&&&OpenWindow.document.close()
打开一个窗口 &input type=button onclick=openwin()value=打开窗口&
看看OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束啊。
【9、终极应用--弹出的窗口之Cookie控制】
想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那
么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-(有解决的办法吗？Yes! ;-) Follow
me.我们使用cookie来控制一下就可以了。
&&&首先，将如下代码加入主页面HTML的&HEAD&区：
& function openwin(){
&&&window.open(&page.html&,&&,&width=200,height=200&)
& function get_cookie(Name){
&&& var search =Name + = var returnvalue = ;
&&& if(document.cookie.length & 0){
&&&&&offset = document.cookie.indexOf(search)
&&&&&if (offset != -1){
&&&&&&&offset += search.length
&&&&&&&end = document.cookie.indexOf(;, offset);
&&&&&&&if (end == -1) end = document.cookie.
&&&&&&&returnvalue=unescape(document.cookie.substring(offset, end))
& function loadpopup(){
&&&if(get_cookie(popped)==){
&&&&&openwin()
&&&&&document.cookie=popped=yes
后，用&bodyonload=loadpopup()&（注意不是openwin而是loadpop啊！）替换主页面中原有的&
BODY&这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once！写到这里弹出窗口的
制作和应用技巧基本上算是完成了
禁止复制代码
function click() {
alert('禁止你的左键复制！') }
function click1() {
if (event.button==2) {alert('禁止右键点击~！') }}
function CtrlKeyDown(){
if (event.ctrlKey) {alert('不当的拷贝将损害您的系统！') }}
document.onkeydown=CtrlKeyD
document.onselectstart=
document.onmousedown=click1;
禁止浏览器报错
function killErrors() {
window.onerror = killE
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：129959次
积分：1543
积分：1543
排名：千里之外
原创：35篇
转载：41篇
(1)(1)(1)(1)(1)(1)(1)(1)(2)(1)(1)(2)(1)(4)(4)(2)(6)(2)(1)(7)(2)(6)(3)(1)(3)(4)(1)(2)(5)(2)(1)(1)(2)(5)js,我写的怎么点击按钮没反应呢？？ x=x+y; demo.innerHTML=x;..... 不知错哪儿了？？？？？-为什么点击button没用 _星空五金网
你的位置：&&&文章正文……
js,我写的怎么点击按钮没反应呢？？ x=x+y; demo.innerHTML=x;..... 不知错哪儿了？？？？？
js,我写的怎么点击按钮没反应呢？？ x=x+y; demo.innerHTML=x;..... 不知错哪儿了？？？？？
js,我写的怎么点击按钮没反应呢？？ x=x+y; demo.innerHTML=x;..... 不知错哪儿了？？？？？
&button&demo&myFunction()&p&p id=&我写的怎么点击按钮没反应呢;/&/body&&&//&#47!DOCTYPE html&gt？&meta http-equiv=&&&&&//text/body&p&script&&demo&p&head&计算2+5的值;&/ charset=utf-8&//html&/&
&/ &button onclick=&quot.innerHTML=x; x=x+y;/&/}&p id=&&function myFunction(){var x=2;&lt？;p&&/;var y=5; content=&&Content-Type&head& 点击这里&lt：&script&html&gt&#47
然后你在myFunction 方法中操作demo标签对象是需要使用demo&quot，不能重复所以这样的方式不推荐的;demo&quot，
ID要唯一的首先你的HTML 代码中Id 属性出现了两个相同Id属性名的标签;) 获得Id为 demo 的对象.getElementById(&quot。然后进行 document.getElementById(&quot.innerHTML=x;) ;
给标签的html 内容赋值
javascript 里面 demo 未定义,你需要先用 document.getElementById(&&quot
&!DOCTYPE html&&html&&head&&meta http-equiv=&Content-Type& content=&text/ charset=utf-8&/&&/head&&body&&p&计算2+5的值：&/p&&p id=&demo&&&/p&&button onclick=&myFunction()&&点击这里&/button&&script&function myFunction(){var x=2;var y=5;x=x+y;demo.innerHTML=x;}&/script&&/body&&/html&
这个不需要MYSQL, 而是需要, JS+PHP, 我随便写了个文件, 你参考下. &?php he...……
换一条数据线,数据线现有好几种,你最好用原配的。如果是那条线有问题,就去找卖家换。你下歌的话就去 m...……
重启一下就行,堆栈满了,正常……
你好,这个是在通话时防止误操作所以会黑屏,只要你不遮挡感应器就会亮屏的……
因为大写后走的路系统会先把它转成小写w,然后再施行行动,因为之前转化系统默认为一次,再加上一次,就是...……
一般是无理由七天退 或者不影响二次销售 如果已经不能退 可以找做衣服的改改……
卸载重装试试,都是连续点击三下的,没反应再连续多点几下。……
尼玛,还写文…你给再多悬赏都没那精力吧……
枪神纪S级翅膀 的那个活动 我点击领取翅膀 然后说到页面看看什么意思? 我的装备栏里没有翅膀 怎么得...……
阿玛拉王国DLC怎么安装啊,DLC是T组破解的,我原版游戏是S组破解,,进去点击DLC老是说找不到可...
五金相关的知识、最新市场行情动态。五金者，指金、银、铜、铁、锡五项金属材料之称，五金材料之产品，通常只分为大五金及小五金两大类。大五金指钢板、钢筋，扁铁、万能角钢、槽铁、工字铁及各类型之钢铁材料，小五金则为建筑五金、白铁皮、锁类铁钉、铁丝、钢铁丝网、钢丝剪、家庭五金、各种工具等等。就五金之性质与用途，应分钢铁材料、非铁金属材料、机械机件、传动器材、辅助工具、工作工具、建筑五金、家庭五金等八大类
Copyright & 2017
相关信息仅供参考，不对其真实性准确性有效性作任何的保证，有事情请发邮件到xkynjf＃(把＃换成@)&|&&|&&|&&|&&
当前位置： >
JS基础笔记
作者：lalate & 来源：转载 &
摘要: HTML中的脚本必须位于与标签之间。脚本可被放置在HTML页面的和部分中。-------------------在页面加载时向HTML的写文本------------------------------------------------------- document.write("Thisisaheading"); --输出document.write("Thisisaparagraph.")
HTML 中的脚本必须位于 &script& 与 &/script& 标签之间。
脚本可被放置在 HTML 页面的 &body& 和 &head& 部分中。
-------------------在页面加载时向 HTML 的 &body& 写文本-------------------------------------------------------
document.write("&h1&This is a heading&/h1&"); &-- 输出
document.write("&p&This is a paragraph.&/p&"); --输出
浏览器会按照编写顺序来执行每条语句。
您只能在 HTML 输出流中使用 document.write。&
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖：
-------------------------点击“点击这里”按钮弹窗----------------------------------------------------------------
JavaScript 能够对事件作出反应。比如对按钮的点击：
&button type="button" onclick="alert('Welcome!')"&点击这里&/button&
--------------------改变 HTML 元素的内容--------------------------------------------------------
&p id="demo"&
JavaScript 能改变 HTML 元素的内容。
function myFunction()
x=document.getElementById("demo"); &// 找到元素
x.innerHTML="Hello JavaScript!"; & &// 改变内容
&button type="button" onclick="myFunction()"&点击这里&/button&
--------------------改变 HTML 图像-----------------------------------------------------------------
function changeImage()
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
element.src="/i/eg_bulboff.gif";
element.src="/i/eg_bulbon.gif";
&img id="myimage" onclick="changeImage()" src="/i/eg_bulboff.gif"&
&p&点击灯泡来点亮或熄灭这盏灯&/p&
-----------------------改变 HTML 颜色-----------------------------------------------------------
&h1&我的第一段 JavaScript&/h1&
&p id="demo"&
JavaScript 能改变 HTML 元素的样式。
function myFunction()
x=document.getElementById("demo") --找到元素
x.style.color="#ff0000"; & & & & &-- 改变样式
&button type="button" onclick="myFunction()"&点击这里&/button&
-----------------------验证输入-----------------------------------------------------------
&p&请输入数字。如果输入值不是数字，浏览器会弹出提示框。&/p&
&input id="demo" type="text"& --输入框
function myFunction()
var x=document.getElementById("demo"). --获取到输入框里的值
if(x==""||isNaN(x))
alert("Not Numeric");
&button type="button" onclick="myFunction()"&点击这里&/button&
-----------------------点击调用head中的js 来更改body处相对应的内容-------------------------------------------
function myFunction()
document.getElementById("demo").innerHTML="My First JavaScript Function";
&p id="demo"&A Paragraph&/p&
&button type="button" onclick="myFunction()"&Try it&/button&
---------------------------点击调用body中的js 来更改body处相对应的内容--------------
&p id="demo"&A Paragraph&/p&
&button type="button" onclick="myFunction()"&Try it&/button&
function myFunction()
document.getElementById("demo").innerHTML="My First JavaScript Function";
把 JavaScript 放到了页面代码的底部，这样就可以确保在 &p& 元素创建之后再执行脚本
---------------------------------------------------------------------------------------------------------------
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，请在 &script& 标签的 "src" 属性中设置该 .js 文件：
--提示：外部脚本不能包含 &script& 标签。
&p id="demo"&A Paragraph.&/p&
&button type="button" onclick="myFunction()"&点击这里&/button&
&p&&b&注释：&/b&myFunction 保存在名为 "myScript.js" 的外部文件中。&/p&
&script type="text/javascript" src="/js/myScript.js"&&/script&
---------------------------------换行---------------------------------------------------------------
document.write("Hello \
------------------------------定义变量-------------------------------------------------------------
变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）
JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。
在 JavaScript 中，对象是拥有属性和方法的数据。
var z=2+3;
document.write(x + "&br&");
document.write(y + "&br&");
document.write(z + "&br&");
----------------------------声明变量--------------------------------------------------
您可以在一条语句中声明很多变量。该语句以 var 开头，并使用逗号分隔变量即可：
var name="Gates", age=56, job="CEO";
声明也可横跨多行：
var name="Gates",
job="CEO";
---------------------------------------------------------------------------------------------------------------
var carname= & --输出为空或null
& & & &--输出为undefined
您可以在字符串中使用引号，只要不匹配包围字符串的引号即可：
var answer="Nice to meet you!";
--Nice to meet you!
var answer="He is called 'Bill'";
--He is called 'Bill'
var answer='He is called "Bill"';
--He is called "Bill"
var x1=36.00;
var x1=36.01;
var x2=36;
var y=123e5;
var z=123e-5;
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
或者 (condensed array):
var cars=new Array("Audi","BMW","Volvo");
或者 (literal array):
var person={
firstname : "Bill",
lastname &: "Gates",
id & & & &: &5566
document.write(person.lastname + "&br /&");
document.write(person["firstname"] + "&br /&");
--对象方法
& &var txt = "Hello";
& &document.write(txt.length);
--变量长度
& &document.write(txt.indexOf("e")); &
--查找字符的索引
& &document.write(txt.replace("e","E")); --替换对应的字符
& &document.write(txt.search("lo"));
--查找字符串首尾的索引 或 字符的索引
& &var x=txt.toUpperCase();
& &document.write(x);
--对象属性
person=new Object();
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
--声明新变量类型
当您声明新变量时，可以使用关键词 "new" 来声明其类型：
var carname=new S
var x= & & &new N
var y= & & &new B
var cars= & new A
var person= new O
-----传参方式：加单引号
&p&点击这个按钮，来调用带参数的函数。&/p&
&button onclick="myFunction('Bill Gates','CEO')"&点击这里&/button&
function myFunction(name,job)
alert("Welcome " + name + ", the " + job);
--------------------------------------------------------------------------------------------
局部 JavaScript 变量
在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。
您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。
只要函数运行完毕，本地变量就会被删除。
全局 JavaScript 变量
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。
JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。
局部变量会在函数运行以后被删除。
全局变量会在页面关闭后被删除。
向未声明的 JavaScript 变量来分配值
如果您把值赋给尚未声明的变量，该变量将被自动作为全局变量声明。
这条语句：
carname="Volvo";
将声明一个全局变量 carname，即使它在函数内执行。
---------------------------JS算数运算符-----------------------------------------------
+加 -减 *乘 /除 %取余 &++累加 &--递减
---------------------------JS赋值运算符-----------------------------------------------------
=等于 += 加等 -=减等 *=乘等 /除等 %=取余
---------------------------JS比较运算符-----------------------------------------------------
==等于 ===全等（值和类型） !=不等于 &大于 &小于 &=大于或等于 &&=小于或等于
---------------------------JS逻辑运算符-----------------------------------------------------
&& and &||or & ! not&
---------------------------JS三目运算符-----------------------------------------------------
greeting=(visitor=="PRES")?"Dear President ":"Dear ";
---------------------if else--------------------------------------------------------------
在 JavaScript 中，我们可使用以下条件语句：
if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码
if...else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码
if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行
switch 语句 - 使用该语句来选择多个代码块之一来执行
获取当前时间：var time=new Date().getMonth() 月份+1 &
//.getDate() 日
//.getHours()时&
//.minutes() 分
//.getSeconds()秒
//.getDay() 星期0~6 （周日到周六）
---------------------循环--------------------------------------------------------------
JavaScript 支持不同类型的循环：
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块
for (var i=0,len=cars. i& i++)
document.write(cars[i] + "&br&");
var i=2,len=cars.
for (; i& i++)
document.write(cars[i] + "&br&");
var i=0,len=cars.
for (; i& )
document.write(cars[i] + "&br&");
var person={fname:"John",lname:"Doe",age:25};
for (x in person)
& txt=txt + person[x];
while (i&5)
& x=x + "The number is " + i + "&br&";
-- &do while
& 需要执行的代码
while (条件);
--比较 for 和 while
cars=["BMW","Volvo","Saab","Ford"];
for (;cars[i];)
document.write(cars[i] + "&br&");
cars=["BMW","Volvo","Saab","Ford"];
while (cars[i])
document.write(cars[i] + "&br&");
-----break,Continue
break 跳出循环；Continue结束本次、继续下次循环
continue 语句（带有或不带标签引用）只能用在循环中。
break 语句（不带标签引用），只能用在循环或 switch 中。
通过标签引用，break 语句可用于跳出任何 JavaScript 代码块：
cars=["BMW","Volvo","Saab","Ford"];
document.write(cars[0] + "&br&");
document.write(cars[1] + "&br&");
document.write(cars[2] + "&br&");
document.write(cars[3] + "&br&");
document.write(cars[4] + "&br&");
document.write(cars[5] + "&br&");
-----------------JavaScript 错误 - Throw、Try 和 Catch-------------------------------------------
--------try{}catch(){}
var txt = "";
function message(){
adddlert("Welcome guest!");
}catch(err){
txt ="There was an error on this page. \n\n";
txt +="Error description:"+err.message+"\n\n";
txt +="Click ok to continue.\n\n";
alert(txt);
&input type="button" value="View Message" onclick="message()"&
-----------Throw
function myFunction(){
var x = document.getElementById("demo").
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x&10) throw "数字太大";
if(x&5) throw "数字太小";
if(x&=5&&x&=10) throw "填写正确";
}catch(err){
var y = document.getElementById("mess");
y.innerHTML = "Throw："+err+"。";
&h1&输入验证程序：&/h1&
&p&请输入5到10之间的数字：&/p&
&input id = "demo" type = "text"&
&button type="button" onclick = "myFunction()"&测试输入值&/button&
&p id = "mess"&&/p&
-------------------JavaScript 表单验证----------------------------------------------------------
----必填（或必选）项目(假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题）：)
&script type="text/javascript"&
function validate_required(field,alerttxt){
with(field){
if(value==null||value==""){
alert(alerttxt);
return false
return true
function validate_from(thisform){
with(thisform){
if(validate_required(emaill,"Email must be filled out!")==false){
emaill.focus();
return false
&form action="submitpage.htm" onsubmit="return validate_form(this)" method="post"&
Email:&input type="text" name="email" size=30&
&input type="submit" value="Submit"&
----E-mail 验证（检查输入的数据是否符合电子邮件地址的基本语法。）
输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号：
&script type="text/javascript"&
function validate_email(field,alerttxt){
with(field){
apos = value.indexOf("@");
dotpos = value.lastIndexOf(".");
if(apos&1 || dotpos-apos&2){
alert(alerttxt);
return false
return true
function validate_form(thisform){
with(thisform){
if(validate_email(email,"Not a valid e-mail address!")==false){
email.focus();
return false
&form action="submitpage.htm" onsubmit="return validate_form(this);" method="post"&
Email:&input type="submit" value="Submit"&
版权所有 IT知识库 CopyRight (C)
, All Rights Reserved.