网页制作javascript
分类: 电脑/网络 程序设计 其他编程语言
问题描述:
设置两个程序(下面的两个程序都不能执行,请兄弟们修改一下),分别用select对象和radio对象对网页背景颜色进行设置:
一:当选择列表中的一种颜色后,网页颜色自动变为所选定的颜色
head
script
function showbgcolor1(){
document.bgcolor=document.form2.radio1.value;}
/script
/head
body
form name=form1 method="post" action=""请在列表筐中选择你喜欢的背景颜色:br
select name=select1 onchange="document.bgcolor=this.options[this.selectedindex].value"
option value="green" selectedgreen
option value="blue"blue
option value="red"red
/select
/form
/body
/
二:当选择一个单选按钮后,网页的颜色变为所选择的颜色
head
script
function showbgcolor1(){
document.bgcolor=document.form2.radio1.value;}
/script
/head
body
form name=form2请在单选按纽中选择你喜欢的背景颜色:br
input type=radio name=radio1 value="red" onclick="showbgcolor1()"red
input type=radio name=radio1 value="green" onclick="showbgcolor1()"green
input type=radio name=radio1 value="blue" onclick="showbgcolor1()"blue
/form
/body
/
解析:
1 )
body bgcolor=""
form name=form1 method="post" action=""请在列表筐中选择你喜欢的背景颜色:br
select name=select1 onchange="body.bgColor=this.options[this.selectedIndex].value"
option value="green" selectedgreen
option value="blue"blue
option value="red"red
/select
/form
/body
/
2 )
head
script
function showbgcolor1( color ){
document.body.bgColor= color;
}
/script
/head
body
form name=form2请在单选按纽中选择你喜欢的背景颜色:br
input type=radio name=radio1 value="red" onclick="showbgcolor1(this.value)"red
input type=radio name=radio1 value="green" onclick="showbgcolor1(this.value)"green
input type=radio name=radio1 value="blue" onclick="showbgcolor1(this.value)"blue
/form
/body
/
北大青鸟设计培训:JavaScript特点?
JavaScript诞生于1995年。
它当时的目的是为了验证表单输入的验证。
因为在JavaScript问世之前,表单的验证都是通过服务器端验证的。
而当时都是电话拨号上网的年代,服务器验证数据是一件非常痛苦的事情。
经过许多年的发展,JavaScript从一个简单的输入验证成为一门强大的编程语言。
所以,学会使用它是非常简单的,而真正掌握它则需要很漫长的时间。
那么运城电脑培训就带领大家进入JavaScript课堂,去学习和理解它。
一.什么是JavaScriptJavaScript是一种具有面向对象能力的、解释型的程序设计语言。
更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。
因为他不需要在一个语言环境下运行,而只需要支持它的浏览器即可。
它的主要目的是,验证发往服务器端的数据、增加Web互动、加强用户体验度等。
二.JavaScript特点松散性JavaScript语言核心与C、C++、Java相似,比如条件判断、循环、运算符等。
但,它却是一种松散类型的语言,也就是说,它的变量不必具有一个明确的类型。
对象属性JavaScript中的对象把属性名映射为任意的属性值。
它的这种方式很像哈希表或关联数组,而不像C中的结构体或者C++、Java中的对象。
继承机制JavaScript中的面向对象继承机制是基于原型的,这和另外一种不太为人所知的Self语言很像,而和C++以及Java中的继承大不相同。
《JavaScript设计模式》pdf下载在线阅读全文,求百度网盘云资源
《JavaScript设计模式》百度网盘pdf最新全集下载:
链接:
?pwd=i1tg 提取码:i1tg
简介:《JavaScript设计模式》共分六篇四十章,首先讨论了几种函数的编写方式,体会JavaScript在编程中的灵活性;然后讲解了面向对象编程的知识,其中讨论了类的创建、数据的封装以及类之间的继承;最后探讨了各种模式的技术,如简单工厂模式,包括工厂方法模式、抽象工厂模式、建造者模式、原型模式、单例模式,以及外观模式,包括适配器模式。本书还讲解了几种适配器、代理模式、装饰者模式和MVC模式,讨论了如何实现对数据、视图、控制器的分离。在讲解MVP模式时,讨论了如何解决数据与视图之间的耦合,并实现了一个模板生成器;讲解MVVM模式时,讨论了双向绑定对MVC的模式演化。
如何设计大型网站的前端 JavaScript 框架
相对大型的项目在前端 JS 方面有几个需要达成的目标:
代码逻辑分层
便于多人协作开发
各部分代码模块化,可以按需加载
保持全局变量的清洁
可进行单元测试
用 GoogleClosure 时对应如下:
1. 代码由底层类库(GoogleClosure)提供,项目代码分为几部分:
常量定义
Helper 方法
项目相关的 UI 组件,如 InPlaceEditor, VoteBar 等
按功能模块划分的 Module,如 LoginPanel, AnswerList 等
程序入口 main 函数及各大模块(以页面或一组页面划分)入口,如 ProfilePage, HomePage
单元测试:针对UI模块的测试和界面元素呈现测试,可批量执行
2 . 开发人员负责各自模块的开发及测试编写,界面和功能测试(如果涉及异步请求,使用 Mock 对象)全部通过之后与后台联调。
3. 使用 ClosureBuilder 跟据各模块的依赖关系生成 dependency 文件,并分别进行 build(压缩、混淆),每页面根据所属模块引入一至二个 JS 文件
4. 使用 goog.provide() 方法划定命名空间。
5. 使用 GoogleClosure 自带的单元测试工具编写测试用例并调试。
javascript有哪些不合理的设计缺陷
一、为什么Javascript有设计缺陷?
这里有三个客观原因,导致Javascript的设计不够完善。
1. 设计阶段过于仓促
Javascript的设计,其实只用了十天。而且,设计师是为了向公司交差,本人并不愿意这样设计(参见《Javascript诞生记》)。
另一方面,这种语言的设计初衷,是为了解决一些简单的网页互动(比如,检查"用户名"是否填写),并没有考虑复杂应用的需要。设计者做梦也想不到,Javascript将来可以写出像Gmail这种极其庞大复杂的网页。
2. 没有先例
Javascript同时结合了函数式编程和面向对象编程的特点,这很可能是历史上的第一例。而且直到今天为止,Javascript仍然是世界上唯一使用Prototype继承模型的主要语言。这使得它没有设计先例可以参考。
3. 过早的标准化
Javascript的发展非常快,根本没有时间调整设计。
1995年5月,设计方案定稿;10月,解释器开发成功;12月,向市场推出,立刻被广泛接受,全世界的用户大量使用。Javascript缺乏一个从小到大、慢慢积累用户的过程,而是连续的爆炸式扩散增长。大量的既成网页和业余网页设计者的参与,使得调整语言规格困难重重。
更糟的是,Javascript的规格还没来及调整,就固化了。
1996年8月,微软公司强势介入,宣布推出自己的脚本语言Jscript;11月,为了压制微软,网景公司决定申请Javascript的国际标准;1997年6月,第一个国际标准ECMA-262正式颁布。
也就是说,Javascript推出一年半之后,国际标准就问世了。设计缺陷还没有充分暴露就成了标准。相比之下,C语言问世将近20年之后,国际标准才颁布。
二、Javascript的10个设计缺陷
1. 不适合开发大型程序
Javascript没有名称空间(namespace),很难模块化;没有如何将代码分布在多个文件的规范;允许同名函数的重复定义,后面的定义可以覆盖前面的定义,很不利于模块化加载。
2. 非常小的标准库
Javascript提供的标准函数库非常小,只能完成一些基本操作,很多功能都不具备。
3. null和undefined
null属于对象(object)的一种,意思是该对象为空;undefined则是一种数据类型,表示未定义。
typeof null; // object
typeof undefined; // undefined
两者非常容易混淆,但是含义完全不同。
var foo;
alert(foo == null); // true
alert(foo == undefined); // true
alert(foo === null); // false
alert(foo === undefined); // true
在编程实践中,null几乎没用,根本不应该设计它。
4. 全局变量难以控制
Javascript的全局变量,在所有模块中都是可见的;任何一个函数内部都可以生成全局变量,这大大加剧了程序的复杂性。
a = 1;
(function(){
b=2;
alert(a);
})(); // 1
alert(b); //2
5. 自动插入行尾分号
Javascript的所有语句,都必须以分号结尾。但是,如果你忘记加分号,解释器并不报错,而是为你自动加上分号。有时候,这会导致一些难以发现的错误。
比如,下面这个函数根本无法达到预期的结果,返回值不是一个对象,而是undefined。
function(){
return
{
i=1
};
}
原因是解释器自动在return语句后面加上了分号。
function(){
return;
{
i=1
};
}
6. 加号运算符
+号作为运算符,有两个含义,可以表示数字与数字的和,也可以表示字符与字符的连接。
alert(1+10); // 11
alert("1"+"10"); // 110
如果一个操作项是字符,另一个操作项是数字,则数字自动转化为字符。
alert(1+"10"); // 110
alert("10"+1); // 101
这样的设计,不必要地加剧了运算的复杂性,完全可以另行设置一个字符连接的运算符。
7. NaN
NaN是一种数字,表示超出了解释器的极限。它有一些很奇怪的特性:
NaN === NaN; //false
NaN !== NaN; //true
alert( 1 + NaN ); // NaN
与其设计NaN,不如解释器直接报错,反而有利于简化程序。
8. 数组和对象的区分
由于Javascript的数组也属于对象(object),所以要区分一个对象到底是不是数组,相当麻烦。Douglas Crockford的代码是这样的:
if ( arr
typeof arr === 'object'
typeof arr.length === 'number'
!arr.propertyIsEnumerable('length')){
alert("arr is an array");
}
9. == 和 ===
==用来判断两个值是否相等。当两个值类型不同时,会发生自动转换,得到的结果非常不符合直觉。
"" == "0" // false
0 == "" // true
0 == "0" // true
false == "false" // false
false == "0" // true
false == undefined // false
false == null // false
null == undefined // true
" \t\r\n" == 0 // true
因此,推荐任何时候都使用"==="(精确判断)比较符。
10. 基本类型的包装对象
Javascript有三种基本数据类型:字符串、数字和布尔值。它们都有相应的建构函数,可以生成字符串对象、数字对象和布尔值对象。
new Boolean(false);
new Number(1234);
new String("Hello World");
与基本数据类型对应的对象类型,作用很小,造成的混淆却很大。
alert( typeof 1234); // number
alert( typeof new Number(1234)); // object
关于Javascript的更多怪异行为,请参见Javascript Garden和wtfjs.com。
三、如何看待Javascript的设计缺陷?
既然Javascript有缺陷,数量还不少,那么它是不是一种很糟糕的语言?有没有前途?
回答是Javascript并不算糟糕,相反它的编程能力很强大,前途很光明。
首先,如果遵守良好的编程规范,加上第三方函数库的帮助,Javascript的这些缺陷大部分可以回避。
其次,Javascript目前是网页编程的唯一语言,只要互联网继续发展,它就必然一起发展。目前,许多新项目大大扩展了它的用途,node.js使得Javascript可以用于后端的服务器编程,coffeeScript使你可以用python和ruby的语法,撰写Javascript。
最后,只要发布新版本的语言标准(比如 ECMAscript 5),就可以弥补这些设计缺陷。当然,标准的发布和标准的实现是两回事,上述的很多缺陷也许会一直伴随到Javascript存在的最后一天。