`
cu216cu
  • 浏览: 11539 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

网页制作Javascript经典小技巧

 
阅读更多

网页制作Javascript经典小技巧
2011年05月26日
  每一项都是JS中的小技巧,但十分的实用!
  1.document.write(”"); 输出语句
  2.JS中的注释为//
  3.传统的HTML文档顺序是:document->html->(head,body)
  4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,locetion,document)
  5.得到表单中元素的名称和值:document.getElementById(”表单中元素的ID号”).name(或value)
  6.一个小写转大写的JS: document.getElementById(”output”).value = document.getElementById(”input”).value.toUpperCase();
  7.JS中的值类型:String,Number,Boolean,Null,Object,Function
  8.JS中的字符型转换成数值型:parseInt(),parseFloat()
  9.JS中的数字转换成字符型:(""+变量)
  10.JS中的取字符串长度是:(length)
  11.JS中的字符与字符相连接使用+号.
  12.JS中的比较操作符有:==等于,!=不等于,>,>=,
  49. 引用一个文件式的JS:
  50.指定在不支持脚本的浏览器显示的HTML:
  51. 当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:dfsadf
  52.JS的内建对象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError www.zuowangye.net#, 
  53.JS中的换行:\n
  54.窗口全屏大小:function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;
  55.JS中的all代表其下层的全部元素
  56.JS中的焦点顺序:document.getElementByid(”表单元素”).tabIndex = 1
  57.innerHTML 的值是表单元素的值:如“how are you“,则innerHTML的值就是:how are you
  58.innerTEXT的值和上面的一样,只不过不会把这种标记显示出来.
  59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
  60.isDisabled判断是否为禁止状态.disabled设置禁止状态
  61.length取得长度,返回整型数值
  62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
  63.window.focus()使当前的窗口在所有窗口之前.
  64.blur()指失去焦点.与FOCUS()相反.
  65.select()指元素为选中状态. 
  ZuoWangYe.Net
  66.防止用户对文本框中输入文本:onfocus=”this.blur()”
  67.取出该元素在页面中出现的数量:document.all.tags(”div(或其它HTML标记符)”).length
  68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()
  69.状态栏文字的设置:window.status=’文字’,默认的状态栏文字设置:window.defaultStatus = ‘文字.’;
  70.添加到收藏夹:external.AddFavorite(”http://www.jzxue.com”,”建站学”);
  71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
  72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener…的多重继续.
  73.JS中的self指的是当前的窗口
  74.JS中状态栏显示内容:window.status=”内容”
  75.JS中的top指的是框架集中最顶层的框架
  76.JS中关闭当前的窗口:window.close();
  77.JS中提出是否确认的框:if(confirm(”Are you sure?”)){alert(”ok”);}else{alert(”Not Ok”);}
  78.JS中的窗口重定向:window.navigate(”http://www.jzxue.com”); 如何做网页 
  79.JS中的打印:window.print()
  80.JS中的提示输入框:window.prompt(”message”,”defaultReply”);
  81.JS中的窗口滚动条:window.scroll(x,y)
  82.JS中的窗口滚动到位置:window.scrollby
  83.JS中设置时间间隔:setInterval(”expr”,msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
  84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog(”URL”[,arguments][,features]);
  85.JS 中的退出之前使用的句柄:function verifyClose(){event.returnValue=”we really like you and hope you will stay longer.”;}} window.onbeforeunload=verifyClose;
  86.当窗体第一次调用时使用的文件句柄:onload()
  87.当窗体关闭时调用的文件句柄:onunload()
  88.window.locetion 的属性: protocol(http:),hostname(www.zuowangye.net),port(80),host(www.example.com:80),pathname(”/a /a.html”),hash(”#giantGizmo”,指跳转到相应的锚记),href(全部的信息)
  89.window.locetion.reload()刷新当前页面. 如何做网页 
  90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)
  91.document.write()不换行的输出,document.writeln()换行输出
  92.document.body.noWrap=true;防止链接文字折行.
  93.变量名.charAt(第几位),取该变量的第几位的字符.
  94.”abc”.charCodeAt(第几个),返回第几个字符的ASCii码值.
  95.字符串连接:string.concat(string2),或用+=进行连接
  96.变量.indexOf(”字符”,起始位置),返回第一个出现的位置(从0开始计算)
  97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
  98.string.match(regExpression),判断字符是否匹配.
  99.string.replace(regExpression,replaceString)替换现有字符串.
  100.string.split(分隔符)返回一个数组存储值.
  101.string.substr(start[,length])取从第几位到指定长度的字符串.
  102.string.toLowerCase()使字符串全部变为小写.
  103.string.toUpperCase()使全部字符变为大写.
  104.parseInt(string[,radix(代表进制)])强制转换成整型.
  105.parseFloat(string[,radix])强制转换成浮点型. 如何做网页 
分享到:
评论

相关推荐

    javascript网页50种小技巧

    对写javascript,有帮助于页面设计的人

    JavaScript动态网页技术详解

    本书是一本JavaScript综合开发技术大全,几乎囊括了使用JavaScript进行网页设计开发的全部知识,同时在讲解的过程中结合了大量实用而有代表性的实例。本书全部采用知识点与实例相结合的讲解方式,对每个实例的关键...

    HTML+JAVASCRIPT网页制作与开发完全学习手册

    本书紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术,全面介绍了使用HTML、CSS、JavaScript进行网页设计和制作的各方面内容和技巧。本书不仅仅将笔墨局限于语法讲解上,并通过一个个鲜活、典型的...

    JS网页常用小技巧

    JS网页常用小技巧,介绍40中常用的网页设计技巧

    Html JavaScript网页制作与开发完全学习手册

    本书定位于网页制作与开发初中级读者,全面介绍了使用HTML、Javascrip进行网页设计和制作的各方面内容和技巧。本书不是单纯的讲解语法,而是通过一个个鲜活、典型的实战来达到学以致用的目的,每个语法都有相应的...

    javascript小游戏代码

    content="java, javascript, js, scripts, free, dHTML, HTML,javascripts, JavaScript,asp,php, JSP, javascripting, password, search, visitor, 网页制作特效, 酷, 网页特效,技巧, 时间, 日期, cool, 按钮, 背景...

    八种常用JavaScript小程序集锦

    JavaScript是一种扩展到HTML的脚本设计语言,它使网页开发者可以更有效地控制页面,并能对用户触发事件作出即时响应,诸如单击鼠标、表单操作等。这些都不需要客户机与服务器的交互通信,既为用户提供了更快速的操作...

    突破javascript编程实例五十讲

    JavaScript是一种用于开发Internet客户端应用的基于事件的脚本语言,它也是一套与超文本标记语言HTML紧密结合的脚本语言,为网页制作者提供了非常灵活的应用和发挥空间。    本书用详尽的实例全面介绍了使用...

    经典javaScript流行特效1

    经典javaScript流行特效1 鼠标移过去图片会变的超连接.txt 小屋论坛 - 网页制作实用技巧.htm 小屋论坛 - 打开页面就是最大化.htm etc。。。

    《网页制作完全手册》 chm

    《网页制作完全手册》 很不错的小巧chm格式网页电子教程,虽小巧但内容一点也不少,涉及HTML、DHTML、CSS、VBSCRIPT、JAVASCRIPT等,大家可以看截图,还有一些组件使用技巧、VML网页矢量图、命令标识符、符录中还有...

    Html+JavaScript网页制作与开发完全学习手册 带目录书签pdf

    定位于网页制作与开发初中级读者,全面介绍了使用HTML、 进行网页设计和制作的各方面内容和技巧。本书不是单纯的讲解语法,而是通过一个个鲜活、典型的实战来达到学以致用的目的,每个语法都有相应的实例,每章后面...

    程序天下:JavaScript实例自学手册

    13.31 用JavaScript制作的特色时钟 13.32 自定义的日历 13.33 生日提醒器 13.34 时间的倒影 13.35 使用正则表达式验证日期 13.36 全面的日期选择功能 13.37 全球的时间查看表 13.38 无刷新定时取数据 13.39 取当月的...

    《程序天下:JavaScript实例自学手册》光盘源码

    13.31 用JavaScript制作的特色时钟 13.32 自定义的日历 13.33 生日提醒器 13.34 时间的倒影 13.35 使用正则表达式验证日期 13.36 全面的日期选择功能 13.37 全球的时间查看表 13.38 无刷新定时取数据 13.39 取当月的...

    JSP实用技巧集合,jsp编程的一些小技巧总结

    jsp编程的一些小技巧总结,绝对实用。包括JSP编程中常用的js技术。 1.JSP编程中常用的js技术 2. 在下拉列表框里选择一个值后跳出新窗口? 3. 在JSP中启动execl? 4. 两级下拉列表框联动菜单? 5. java中如何把一个目录...

    网页与Web程序设计 课件 ppt 机械工业出版社 part1

    本书全面讲授网页设计与制作技术、JavaScript脚本编程和Web数据库应用技术。本书以目前最流行的网页设计三剑客Dreamweaver 8、Fireworks 8和Flash 8作为支撑平台,由浅入深,系统地介绍了网页的构思、规划、制作和...

    JavaScript王者归来part.1 总数2

     12.5.6 关于添加新行和排序的小技巧   12.6 读写数据--添加、修改和删除属性   12.7 外观与行为   12.7.1 DOM样式属性   12.7.2 控制DOM元素的显示与隐藏   12.7.3 改变颜色和大小--一个简单有趣的例子...

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    《JavaScript DOM编程艺术 第2版》(Jeremy Keith等).[PDF].zip

    力求以最简单的方法与大家一起探讨Web标准进行网页设计的方方面面,以CSS布局为全书的主体内容,探讨CSS布局的入门知识与高级技巧等,从版式布局到细节设计再到浏览器兼容性,逐步学习与掌握CSS布局。希望能够帮助...

    Web网页开发中HTML、CSS、JS的网页设计模板(7)

    帮助你提升网页设计技能,创造出引人注目的网页作品。 适合人群:不仅适合刚入门的设计师,也适用于经验丰富的专业人士。此资源无论是刚入门还是经验丰富的设计师,都有适合的模板用来借鉴和学习。 可以学到的知识:...

    Web网页开发中HTML、CSS、JS的网页设计模板(6)

    帮助你提升网页设计技能,创造出引人注目的网页作品。 适合人群:不仅适合刚入门的设计师,也适用于经验丰富的专业人士。此资源无论是刚入门还是经验丰富的设计师,都有适合的模板用来借鉴和学习。 可以学到的知识:...

Global site tag (gtag.js) - Google Analytics