一.JavaScript
a)var s = “Helloworld”
s.slice(1,3) //从第一个取到第三个之前,而不包括第三个,下标从0开始。输出el
s.substring(1,3) //同slice。
s.slice(4) //当只有一个参数时,表示从第四个开始,后面全部默认取下来(包括第四个)。输出oworld
b)数组:var array = new Array(“a”,”b”,”c”); array[2]是c,下标从0开始。
c)字符串可以用==来比较,也可以用<,>来比较。
d)对话框
i.alert(“hello”) //弹出一个alert.
ii.var num = Number( prompt(“请用户输入一个数字:”,” ”) );
if(isNan(num)) {
document.write(“请输入一个数字,而不是其他字符。”);
}
二.CSS
a)使用方式
i.行内样式:<p style=”color:#FF0000; font-size=28px”>helloworld</p>
ii.内嵌式:<style type=”text/css”>
P{
color: #FF0000; //字体颜色
background-color:#000011; //页面背景色
font-style:bold; //字体粗细
font-size:18px;. //字号大小
font-family:Aria; //字体
text-align:center; //对齐方式
}
</style>
iii.链接式:在头部加一语句<link href=”a.css” type=”text/css”rel=”stylesheet”>,创建a.css文件。
b)选择器
i.标记选择器:p {......}
ii.类别选择器:.class
iii.Id选择器:#id
iv.子选择器:ul > li > a {.......} ,有>表示只作用于子元素,而不作用于孙元素。
c)盒子模型
i.margin:边框与外面的距离,
ii.border :边框,
iii.padding:边框与里面的距离
d)元素的定位
i.float: left .....
ii.position:
1.absolute(绝对定位),同时还要设置top 和left。子元素和父元素都要加absolute.
2.Relative(相对定位),同时还要设置top 和left。只有子元素加就可以了。
iii.z-index空间定位
e)z-index值设
1.置大小,当有三个区域有覆盖的地方,z-index值大的排在上面,小的排在下面,大的会覆盖掉小的。
三.文档对象模型DOM
i.元素节点、属性节点、文本节点。
ii.访问节点:
1.var d = document.getElementsByTagName(“li”);
d.length d[0].tagName//标记名称 d[0].childNotes [0].nodeValue//子节点的第一个值
2.getElementById
iii.父子关系:var d = document.getElementsByTagName(“li”);
If(d.hasChildNodes()) {
Var dd = d.childNodes;
}
b)事件
i.onclick=”add(‘hello’)” //鼠标点击调用add函数
ii.window.onload = function add( ) {.......}
iii.p.onclick = function add() {....}
iv.mouseover //鼠标指到指定地方
四.表单
a)<form name=”form1” action =” ” method=”psot” >
document.forms[“form1”]
b)<label for=”u”>请输出用户名:<br>
<input type=”text” name=”username” id=”u”/>
</label>
注:label的for属性值要和对于的input的id值,这样做为了用户的使用友好。
c)下拉菜单
i.<select name=”color” id=”color”>
<option value=”red”>红色</option>
<option value=”blue”>蓝色</option>
</select>
d)单选项
i.<input type=”radio” name=”sex” id=”female” value=”female”><label for=”female”>女</label>
ii.<input type=”radio” name=”sex” id=” male” value=”male” > <label for=” male” >男</label>
e)多选项
i.<input type=”checkbox” name=”color” id=” red” value=”red”> <label for=” red” >红色</label>
ii.<input type=”checkbox” name=”color” id=” blue” value=”blue”> <label for=” blue” >蓝色</label>
iii.<input type=”checkbox” name=”color” id=” yellow” value=”yellow”><label for=” yellow” >黄色</label>
f)多行文本框
i.<input type=”textarea” name=”message” id=”message” cols=”30” rows=”5”></input>
g)聚焦
i.<input type="text" name="username" value="xumiao" onmouseover="this.focus()" onfocus="this.select()"/>
鼠标放到标签上时,就会选中里面的值。
五.JavaScript的调试和优化
a)JavaScript中区分大小写
b)try{....}catch(exception){....}
六.JQuery
a)jQuery是一个优秀的JavaScript框架
要引入:<script language=”javascript” src=”jquery.min.js”></script>
分享到:
相关推荐
本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分,第1部分帮助读者快速入手,掌握基本的JavaScript编程要点;第2部分介绍JavaScript的发展和技术背景;第3部分深入探索JavaScript,介绍了语法...
《Head First JavaScript源码》是2010年出版的一本中文版JavaScript学习书籍的源码,这本书以其独特的视觉设计和易理解的方式深入浅出地介绍了JavaScript编程语言。JavaScript是一种广泛应用于网页和网络应用的脚本...
《JavaScript权威指南》是JavaScript编程领域的一本经典之作,由著名技术作家David Flanagan撰写,被誉为"JavaScript犀牛书"。这本书深入浅出地讲解了JavaScript语言的核心概念、语法特性和高级特性,对于想要全面...
Author David Herman, with his years of experience on Ecma’s JavaScript standardization committee, illuminates the language’s inner workings as never before—helping you take full advantage of ...
在这个场景中,我们关注的是VS2015的安装过程中涉及到的证书问题以及两个特定的组件:JavaScript_ProjectSystem.msi和JavaScript_LanguageService.msi。 首先,关于“VS2015安装证书”,这通常是指安装过程中需要...
《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf《JavaScript程序设计案例教程》课件(共13章)第1章 JavaScript程序设计案例教程.pdf《JavaScript程序设计案例教程》课件(共13章)第...
JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象...
web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页源码 web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页源码 web期末大作业 基于HTML+CSS+JavaScript实现的精美电商购物网站首页...
JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在客户端脚本方面扮演着核心角色。这份"javascript试题(附答案)"是为初学者设计的,旨在帮助他们更好地理解和掌握JavaScript的基础知识。 一、变量与数据...
ArcGIS JavaScript API 介绍与示例 ArcGIS JavaScript API 是 ESRI 提供的一种基于 JavaScript 的开发工具,允许开发者创建交互式的 Web 地图应用程序。本文将对 ArcGIS JavaScript API 进行详细的介绍,并提供多个...
JavaScript 动态网页设计期末大作业CHASMISH眼镜网(纯手打,高分项目)。 JavaScript 动态网页设计期末大作业CHASMISH眼镜网(纯手打,高分项目)。 JavaScript 动态网页设计期末大作业CHASMISH眼镜网(纯手打,...
《JavaScript权威指南(第6版)》主要讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5,很多章节完全重写,增加了当今Web开发的最佳实践的内容,新增...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言,它主要负责实现客户端的交互效果、动态更新内容以及处理用户输入。在"JavaScript结课大作业.zip"这个压缩包中,我们可以推测这是一份关于JavaScript编程的...
《javascript基础教程(第8版)》循序渐进地讲述了javascript 及相关的css、dom、ajax、jquery 等技术。书中从javascript 语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并...
JavaScript DOM编程艺术(第2版)是一本深受程序员喜爱的JavaScript技术书籍,专注于讲解如何使用JavaScript与Document Object Model(DOM)进行交互。DOM是Web页面的结构化表示,它允许我们通过编程方式操纵HTML和XML...
JavaScript是一种广泛用于网页开发的脚本语言,它是实现Web前端交互功能的核心技术之一。在给定的文件内容中,我们可以提取到关于JavaScript的多个知识点: 1. JavaScript的变量类型:JavaScript中主要有几种基本的...
JavaScript,作为全球最广泛使用的编程语言之一,是前端开发的核心技术。这个名为"JavaScript前端开发案例教程-源代码.rar"的压缩包文件提供了一系列实践案例,帮助开发者深入理解和掌握JavaScript在网页开发中的...
但是,根据标题《JavaScript DOM编程艺术【第2版&高清】.pdf》和描述“JavaScript DOM编程艺术,高清资源,无比经典,值得拥有”,我们可以推断这本书主要讲述了JavaScript中DOM(文档对象模型)的相关编程技术。...
JavaScript,作为一种广泛应用于Web开发的脚本语言,已经成为现代互联网技术不可或缺的一部分。《JavaScript高级程序设计》(第3版)是一本深入探讨该语言精髓的权威书籍,它为读者提供了全面且深入的JavaScript知识...
通过将编程理论与用来演示JavaScript和jQuery如何被应用于流行站点之上的示例相结合,《JavaScript&jQuery;交互式Web前端开发》将教会您如何让网站更具交互性、吸引性、可用性。很快,您就能够像一名程序员那样去...