首页 > web前端 > js教程 > 正文

JavaScript详解

高洛峰
发布: 2016-11-26 09:05:40
原创
1105人浏览过

javascript可以说是web开发中必备的一种技术。它具有灵活,简单,高效等特点。这次drp中大量的用到了js,让自己对js有了更深的了解。看完这个以后还回去看了一下牛腩的js视频。把以前没看的看了一下。这里总结一下js。
什么是javascript,js有哪些特性
            js是一种解释型的网页脚本语言。其作用是控制浏览器的行为和内容。
     js代码是嵌入到html中的。
     它有这么几大特点
在客户端运行,这就意味着可以减轻服务器的压力。提高代码的执行效率。
javascript 是一种解释性语言(就是说,代码执行不进行预编译)
        对应的编译型语言,执行的时候需要提前编译成中间代码或者机器语言,比如java编译成.class文             件。
javascript和java没有任何关系。javascript不是其他语言的精简版(例如,它只是与 java 有点模糊而间接的关系),也不是任何事物的简化。不过,它有其局限性。例如,您不能使用该语言来编写独立运行的应用程序,并且没有对读写文件的内置支持。此外,javascript脚本只能在某个解释器或“宿主”上运行,如 active server pages(asp)、internet 浏览器或者 windows 脚本宿主。
javascript能实现哪些功能
         javascript能实现浏览器的脚本开发。它有很多经典的功能。我们需要掌握。
javasript实现网页特效
 js能实现很多网页特效,如图片文字的滚动,图片的动态变换等。在网上搜索,能找到很多现成的        代码。总之,很多东西是不需要你自己动手的。需要站在巨人的肩膀上。
 
javascript操作html元素
js能操作网页元素,如对输入框,下拉框,表格等元素的操作。操作html元素的基础就是对dom对象的操作。任何一个html元素是一个dom对象。我们可以利用js,来操作它。比如改变它的属性,动态增加元素。获取它的值等。
html中的每一个元素都对应dom中的一个节点。html表单对应着一棵dom树,每个节点都有nodename nodevalue nodetype属性。js就是通过操作这些属性来操作html的。
 这里列举了一些操作方法。
createelement(element) :创建一个指定标签名创建一个新的元素节点,返回值为指向新建元素节点的引用指针
createtextnode(string) :创建一个包含着给定文本的新文本节点,返回一个指向新建文本节点的引用指针:
appendchild(node) :插入节点
removechild(node) :将从一个给定元素利删除一个子节点,返回一个指向已被删除的子节点的引用指针。
haschildnodes:用来检查一个给定元素是否有子节点 ,返回boolean值
replacechild(newnode,oldnode):节点替换
setattribute(key,value):为给定元素节点添加一个新的属性值或是改变它的现有属性
getattribute(key):返回一个给定元素的一个给定属性节点的值
getelementbyid():寻找一个有着给定id属性值的元素,返回一个元素节点
getelementsbytagname():用于寻找有着给定标签名的所有元素
  从这些方法可以看出,js可以灵活的增加,删除,获取一个节点(html元素)。这样对表单的操作也就灵活的多了。
 在这次drp中,主要用到了就是getelementbyid()这个方法。
 如:
with(document.getelementbyid("userform")){ 
action="user_maint.jsp"; 
method="post"; 
submit(); 

 

立即学习Java免费学习笔记(深入)”;

JavaScript实现表单验证
被JavaScript 验证的这些典型的表单数据有:
用户是否已填写表单中的必填项目?
用户输入的邮件地址是否合法?
用户是否已输入合法的日期?
用户是否在数据域(numeric field) 中输入了文本?
JS验证表单通常有两种方式。一种是手动写方法,在表单提交或者触发了某个事件的时候,调用这个js方法,再通过js代码提取这个控件的属性,判断它是否满足条件。另一种方法就是:利用正则表达式,验证输入的数据是否符合某种格式。例如如下的验证邮箱的一个js代码

www.2cto.com
 

function test() <br>       { <br>           var temp = document.getElementById("text1"); <br>          //对电子邮件的验证 <br>           var myreg =/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; <br>           if(!myreg.test(temp.value)) <br>          { <br>                 alert('提示\n\n请输入有效的E_mail!'); <br>                myreg.focus(); <br>               return false; <br>          } <br>       } <p> </p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/c1c2c2ed740f" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">Java免费学习笔记(深入)</a>”;</p><p>代码的关键是找到正则表达式,第二就是利用这个正则表达式的test方法,验证某个字符串。注意test方法是这个正则表达式自带的。<br>JavaScript检查客户浏览器和创建cookies<br>使用javaScript验证用户浏览器的版本,信息等。<br>其中下面的Navigator对象包含了有关访问者浏览器的信息,包括浏览器类型、版本等等。<br> <br></p> <br><scripttypescripttype> <br>varbrowser=navigator.appName <br>varb_version=navigator.appVersion <br>varversion=parseFloat(b_version) <br>  <br>document.write("Browsername: "+ browser) <br>document.write("<br>") <br>document.write("Browserversion: "+ version) <br> <br> <br>  <br> <p><br>cookie是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。你可以使用 JavaScript 来创建和取回cookie 的值。<br>首先:创建一个可在cookie 变量中存储访问者姓名的函数<br>functionsetCookie(c_name,value,expiredays) <br>{ <br>varexdate=new Date() <br>exdate.setDate(exdate.getDate()+expiredays) <br>document.cookie=c_name+"=" +escape(value)+ <br>((expiredays==null)? "" : ";expires="+exdate.toGMTString()) <br>} <br>其次:创建另一个函数来检查是否已设置cookie: <br>functiongetCookie(c_name) <br>{ <br>if(document.cookie.length&gt;0) <br>  { <br>  c_start=document.cookie.indexOf(c_name +"=") <br>  if (c_start!=-1) <br>    { <br>    c_start=c_start + c_name.length+1 <br>   c_end=document.cookie.indexOf(";",c_start) <br>    if (c_end==-1) c_end=document.cookie.length <br>    returnunescape(document.cookie.substring(c_start,c_end)) <br>    } <br>  } <br>return"" <br>} </p>
<p><br>上面的函数首先会检查document.cookie 对象中是否存有 cookie。假如 document.cookie 对象存有某些 cookie,那么会继续检查我们指定的cookie 是否已储存。如果找到了我们要的 cookie,就返回值,否则返回空字符串。<br> <br>        总之,js的是web开发中必不可少的一个技术,作为一个web开发人员,必须对它熟悉掌握。</p></scripttypescripttype>
登录后复制
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号