重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
模态和非模态的区别在于,模态窗体弹出后需要将其窗体关闭后才能进行除该窗体以外的其他操作,通俗点说就是除了该窗体上的操作,其他的操作都无效
10年积累的成都网站制作、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计制作后付款的网站建设流程,更有平定免费网站建设让你可以放心的选择与我们合作。
原生JS用法:
模态:window.showModalDialog(非标准)
非模态:window.showModelessDialog(IE5+,非标准),window.open(所有浏览器,标准)
不推荐使用以上三种方法实现模态窗体,原因有二:
一是以上方法在各个浏览器上表现各不一样,不一定能兼容所有主流浏览器(未测试,但我知道肯定不行)
二是如今大多数现代浏览器会屏蔽掉弹出窗体,会给您实现功能造成极大的障碍
使用JS模拟弹出窗体:
使用层(一般是div)模拟一个窗体,将其放置在所有层之上,加上希望的功能,比如close,resize等等,其中的内容如果是其他页面,我们可以用iframe,这些都很灵活,可以自己定义规则,这样就形成了一个非模态窗体。
在上面的基础上,在窗体层下放置一个mask层,其作用在于不让操作除窗体层以外的内容,最后将mask层设置为深色并且半透明,这样就形成了一个模态窗体了。
以上只是原理,毕竟自己来做很恼火,当今主流js框架都实现了类似的功能,比如jQuery,ext等,用法也很简单,也很兼容各种主流浏览器,所以使用js框架来实现是最推荐的
希望对您有帮助~
By Billskate
javascript具有下列种类的运算符:算术运算符;等同运算符与全同运算符;比较运算符; 2、目的分类:字符串运算符;逻辑运算符;逐位运
1、javascript具有下列种类的运算符:算术运算符;等同运算符与全同运算符;比较运算符;2、目的分类:字符串运算符;逻辑运算符;逐位运算符;赋值运算符;3、特殊运算符:条件运算符;typeof运算符;创建对象运算符new;delete运算符;void运算符号;逗号运算符;算术运算符:+ 、 - 、* 、 / 、 % 、 -(一元取反) 、 ++ 、等同运算符与全同运算符:== 、 ===、 !== 、 !===比较运算符: 、 、 = 、 =字符串运算符:: 、 、 = 、 = 、 = 、 +逻辑运算符: 、 、 !、赋值运算符:=、 +=、 *=、 -=、 /=规则:一、一定要注意传递给运算符的数据类型和返回的数据类型!不同的运算符都期望它的运算数表达式计算出的结果符合某种数据类型。例如:对字符串是不能进行乘法运算的,"a" * "b" 是不合法的,但是,在可能的情况下,javascript会把表达式转换成正确的类型,因此,表达式 "3" * "5" 是合法的,javascript将字符串转换成数字执行运算,结果返回的是数字15,而不是字符串"15"。二、+ 根据运算数的不同,具有不同的表现:字符串 + 字符串 = 字符串(被连接);"a" + "b" = "ab" "5" + "6" = "11"字符串 + 数字 = (字符串转换成数字)字符串(被连接);"a" + 5 = "a5" 5被转换成字符串 "1" + 0 = "10"数字 + 数字 = 数字(相加)5 + 5 = 10。三、注意运算符的结合性,有些运算符从左到右的结合性;有些从右到左结合性。例如:w = a + b + c 等同于 w = (a + b) + c;w = -b 等同于 w = - ( - ( -b ) ); w = a = b = c 等同于 w= ( a = ( b = c ))一元运算符、赋值运算符、三元运算符的结合性是从右到左的;四、算术运算符规则:“+”:可以进行“加法”与“连接”运算;如果2个运算符中的一个是字符串,javascript就将另一个转换成字符串,然后将2个运算数连接起来。“+”:如果一个运算数是对象,javascript就会将对象转换成数字做加法运算或者字符串做连接运算;“-”“*”“/” 如果2个运算数中的一个是是非数字,则将它转化成数字执行数学运算。“/” 在javascript中,由于所有的数都是浮点数,除法的结果都是浮点数,5 / 2 = 2.5 ;除数为0的结果为正负无穷;0/0为NaN;“%”模运算符:计算第一个运算数对第二个运算数的模,就是第一个运算数被第二个运算数除时,返回余数。如果运算数是非数字的,则转换成数字。“-”一元取反:将运算数取反,如果运算数不是数字,则转化成数字。“++”“”增量运算符/减量运算符号:运算数必须是一个变量、树组的一个元素或对象的一个属性。如果运算数不是数字,则转换成数字。注意:如果“++”位于运算数之前,先对运算数进行增量,然后计算运算数增长后的值。如果“”位于运算数之后,先计算运算数未增长之前的值,然后对运算数增量。例如:i = 1; //赋值给i值1j = ++i; //先将i增量为2,然后将2赋值给j,i的值是2,j的值也是2。i = 1; //赋值给i值1j = i++; //先将i赋值给j,然后对将i值增量到2,i的值是2,j的值是1。减量运算符“”与“++”相同。五、等同运算符与全同运算符:(一)“==”“!==”等同运算符与非等同运算符:比较2个运算数,返回一个不布尔值。比较数值、字符串、布尔值使用的都是量值。当且仅当两个变量存放的值相等的时候,他们才相等。比较对象、数组、函数的时候,使用的是引用,只有2个变量引用的是同一个对象时,他们才是相等的。两个不同的数组是完全不同的,即使他们具有完全相同的元素。对于存放对象、数组、函数的引用的变量来说,只有当他们引用的是同一个对象、数组、函数的时候,他们才相等。
注意!应遵循的原则:当两个运算数的类型不同时:将他们转换成相同的类型,1)一个数字与一个字符串,字符串转换成数字之后,进行比较。2)true转换为1、false转换为0,进行比较。3)一个对象、数组、函数 与 一个数字或字符串,对象、数组、函数转换为原始类型的值,然后进行比较。(先使用valueOf,如果不行就使用toString)4)其他类型的组合不星等。想两个运算数类型相同,或转换成相同类型后:1)2个字符串:同一位置上的字符相等,2个字符串就相同。2)2个数字:2个数字相同,就相同。如果一个是NaN,或两个都是NaN,则不相同。3)2个都是true,或者2个都是false,则想同。4)2个引用的是同一个对象、函数、数组,则他们相等,如果引用的不是同一个对象、函数、数组,则不相同,即使这2个对象、函数、数组可以转换成完全相等的原始值。5)2个null,或者2个都是未定义的,那么他们相等。“!=”非等同运算符:与等同运算符检测的结果相反。(二)“===”“!===”全同运算符与非全同运算符号:全同运算符遵循等同运算符的比较规则,但是它不对运算数进行类型转换,当两个运算数的类型不同时,返回false;只有当两个运算数的类型相同的时候,才遵循等同运算符的比较规则进行比较。“!==”非全同运算符与全同运算符比较的结果相反。如果两个运算数的类型或者值不同的时候,返回true。六、比较运算符:这些比较运算符用于比较不同类型的值,结果返回一个布尔值。“”“”“=”“=”注意规则:比较的运算数可以是任意类型的,但是只能在数字和运算数上执行。不是数字和字符串的运算数将被转换成数字或字符串。1)如果两个运算数都是数字,或者都可以转换成数字,则按照数字的大小进行比较;2)如果两个运算数都是字符串,或者都可以转换成字符串,则将按照字母顺序进行比较;3)如果字符串遇到数字,则将字符串转换成数字进行比较。4)如果运算数既不能转换成数字,也不能转换成字符串,则返回结果false。七、字符串运算符:并没有专用的字符串运算符,只是有些运算符在遇到字符串运算数的时候,表现不同。(一)“+”连接2个字符串;1)当2个运算数都是字符串的时候,连接起来;2)当其中有一个是数字的时候,将数字转换成字符串,连接起来;(二)“”这样的比较运算符通过比较确认两个字符串的顺序,比较采用字符的顺序,较小的位于教大的前面,大写字母位于小写字母之前。(三)“+”的作用方法取决于计算顺序,如:s = 1 + 2 +"var" 则:返回结果3var; 因为先计算1+2,然后将结果3转换成字符串与"var"连接;如:s = "var" + 1 + 2 则:返回结果var12; 因为先计算var与1的连接,在将结果var1与转换成字符串的2连接起来。八、逻辑运算符:用于执行布尔运算,常常和比较运算符一起使用,来表示复杂的比较运算。“” 逻辑与运算、“”逻辑或运算符、“!”逻辑非运算符(一)“”当两个运算数都是布尔值的时候,逻辑与对他们进行and操作,即:当且仅当两个布尔值都是true的时候,返回结果true,否则返回false。注意:实际表现“”将检测第一个表达式运算数布尔值,如果第一个运算数表达式返回false,则返回左边第一个运算数表达式的值:false;否则将继续检测第二个即右边的运算数表达式,然后返回第二个运算数表达式的值;例如:if (a = b) stop(); 与 (a = b) stop(); 等价不赞成使用这个方法,因为运算符右边的代码不能保证会被执行,例如:if ((a b) (b++ 10) ) stop();如果运算符右边的增量必须的话,却有可能由于前面的返回值而不被执行,一般反对在的右边使用具有其他作用的表达式(赋值、函数调用、增减量);将“”看作是一个布尔代数的运算符,会更简单与安全。(二)“”当两个运算数都是布尔值的时候,逻辑或对他们进行or操作,即:当两个布尔值有一个是true的时候,返回结果true,否则返回false。注意:实际表现“”将检测第一个表达式运算数布尔值,如果第一个运算数表达式返回true,则返回左边第一个运算数表达式的值:true;否则将继续检测第二个即右边的运算数表达式,然后返回第二个运算数表达式的值;同样不赞成使用这个方法,因为运算符右边的代码不能保证会被执行,一般反对在的右边使用具有其他作用的表达式(赋值、函数调用、增减量);将“”看作是一个布尔代数的运算符,会更简单与安全。(三)“!”逻辑非是一个一元运算符,放在运算数之前,它的目的是对运算数取反。九、赋值运算符:(一)“=”是赋值运算符;他总是期望左边的运算数是一个变量、数组的一个元素或对象的一个属性;期望右边是一个任意类型的任意的值;从右到左的结合性,如果一个表达式中有多个赋值运算符,则从最右边开始计算。注意:每一个赋值表达式都有一个值,就是运算符右边的值;(二)可以使用带操作的赋值运算“+=” 左边的值加上右边的值后,赋值于左边的值。“-=”“/=”“*=”方法一样;十、其他运算符:“?:”条件运算符是唯一的一个三元运算符;一个表达式的布尔结果?表达式1(任意类型的任意值):表达式2(任意类型的任意值);根据第一个运算数的布尔值结果,如果为true,则执行第二个运算数表达式,返回第二个运算数表达式的值;如果第一个运算数的布尔值结果是false,则执行第三个运算数表达式,返回第三个运算数表达式的值。
移位运算符面向的运算对象也是二进制的“位”。可单独用它们处理整数类型(主类型的一种)。左移位运算符()能将运算符左边的运算对象向左移动运算符右侧指定的位数(在低位补0)。“有符号”右移位运算符()则将运算符左边的运算对象向右移动运算符右侧指定的位数。“有符号”右移位运算符使用了“符号扩展”:若值为正,则在高位插入0;若值为负,则在高位插入1。Java也添加了一种“无符号”右移位运算符(),它使用了“零扩展”:无论正负,都在高位插入0。这一运算符是C或C++没有的。
若对char,byte或者short进行移位处理,那么在移位进行之前,它们会自动转换成一个int。只有右侧的5个低位才会用到。这样可防止我们在一个int数里移动不切实际的位数。若对一个long值进行处理,最后得到的结果也是long。此时只会用到右侧的6个低位,防止移动超过long值里现成的位数。但在进行“无符号”右移位时,也可能遇到一个问题。若对byte或short值进行右移位运算,得到的可能不是正确的结果(Java 1.0和Java 1.1特别突出)。它们会自动转换成int类型,并进行右移位。但“零扩展”不会发生,所以在那些情况下会得到-1的结果。可用下面这个例子检测自己的实现方案:
//: URShift.java
// Test of unsigned right shift
public class URShift {
public static void main(String[] args) {
int i = -1;
i = 10;
System.out.println(i);
long l = -1;
l = 10;
System.out.println(l);
short s = -1;
s = 10;
System.out.println(s);
byte b = -1;
b = 10;
System.out.println(b);
}
} ///:~
移位可与等号(=或=或=)组合使用。此时,运算符左边的值会移动由右边的值指定的位数,再将得到的结果赋回左边的值。
下面这个例子向大家阐示了如何应用涉及“按位”操作的所有运算符,以及它们的效果:
//: BitManipulation.java
// Using the bitwise operators
import java.util.*;
public class BitManipulation {
public static void main(String[] args) {
Random rand = new Random();
int i = rand.nextInt();
int j = rand.nextInt();
pBinInt("-1", -1);
pBinInt("+1", +1);
int maxpos = 2147483647;
pBinInt("maxpos", maxpos);
int maxneg = -2147483648;
pBinInt("maxneg", maxneg);
pBinInt("i", i);
pBinInt("~i", ~i);
pBinInt("-i", -i);
pBinInt("j", j);
pBinInt("i j", i j);
pBinInt("i | j", i | j);
pBinInt("i ^ j", i ^ j);
pBinInt("i 5", i 5);
pBinInt("i 5", i 5);
pBinInt("(~i) 5", (~i) 5);
pBinInt("i 5", i 5);
pBinInt("(~i) 5", (~i) 5);
long l = rand.nextLong();
long m = rand.nextLong();
pBinLong("-1L", -1L);
pBinLong("+1L", +1L);
long ll = 9223372036854775807L;
pBinLong("maxpos", ll);
long lln = -9223372036854775808L;
pBinLong("maxneg", lln);
pBinLong("l", l);
pBinLong("~l", ~l);
pBinLong("-l", -l);
pBinLong("m", m);
pBinLong("l m", l m);
pBinLong("l | m", l | m);
pBinLong("l ^ m", l ^ m);
pBinLong("l 5", l 5);
pBinLong("l 5", l 5);
pBinLong("(~l) 5", (~l) 5);
pBinLong("l 5", l 5);
pBinLong("(~l) 5", (~l) 5);
}
static void pBinInt(String s, int i) {
System.out.println(
s + ", int: " + i + ", binary: ");
System.out.print(" ");
for(int j = 31; j =0; j--)
if(((1 j) i) != 0)
System.out.print("1");
else
System.out.print("0");
System.out.println();
}
static void pBinLong(String s, long l) {
System.out.println(
s + ", long: " + l + ", binary: ");
System.out.print(" ");
for(int i = 63; i =0; i--)
if(((1L i) l) != 0)
System.out.print("1");
else
System.out.print("0");
System.out.println();
}
} ///:~
程序末尾调用了两个方法:pBinInt()和pBinLong()。它们分别操作一个int和long值,并用一种二进制格式输出,同时附有简要的说明文字。目前,可暂时忽略它们具体的实现方案。
大家要注意的是System.out.print()的使用,而不是System.out.println()。print()方法不会产生一个新行,以便在同一行里罗列多种信息。
除展示所有按位运算符针对int和long的效果之外,本例也展示了int和long的最小值、最大值、+1和-1值,使大家能体会它们的情况。注意高位代表正负号:0为正,1为负。下面列出int部分的输出:
-1, int: -1, binary:
11111111111111111111111111111111
+1, int: 1, binary:
00000000000000000000000000000001
maxpos, int: 2147483647, binary:
01111111111111111111111111111111
maxneg, int: -2147483648, binary:
10000000000000000000000000000000
i, int: 59081716, binary:
00000011100001011000001111110100
~i, int: -59081717, binary:
11111100011110100111110000001011
-i, int: -59081716, binary:
11111100011110100111110000001100
j, int: 198850956, binary:
00001011110110100011100110001100
i j, int: 58720644, binary:
00000011100000000000000110000100
i | j, int: 199212028, binary:
00001011110111111011101111111100
i ^ j, int: 140491384, binary:
00001000010111111011101001111000
i 5, int: 1890614912, binary:
01110000101100000111111010000000
i 5, int: 1846303, binary:
00000000000111000010110000011111
(~i) 5, int: -1846304, binary:
11111111111000111101001111100000
i 5, int: 1846303, binary:
00000000000111000010110000011111
(~i) 5, int: 132371424, binary:
00000111111000111101001111100000
数字的二进制形式表现为“有符号2的补值”。
如果你想直接在浏览器去禁止某个js文件是不可能的,从html运行就加载就肯定加载了js文件并且运行了,除非你直接禁止js脚本运行,另外,从js脚本调试上说,firebug应该不陌生吧,里面有脚本调试的,脚本问题你可以设置断点然后来调试吧; 另外从页面制作上说吧,一般是根据浏览器是否加载,主要为了区别IE与非IE版本,然后IE中区分IE6跟IE高版本的,在html中就可以这么写,例如: !--[if !IE]!-- script src="a.js" type="text/javascript"/scriptscriptalert(1)/script !--![endif]-- 非IE浏览器识别
感觉解释得挺好的,例子让人看着很明白
附上链接:
-
2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-
1.controldist_request_id=1330144.6567.16180236839763441depth_1-utm_source=distribute.pc_relevant_t0.none-
task-blog-2%7Edefault%7EBlogCommendFromMachineLearnPai2%7Edefault-1.control
非严格模式下有些写法其实是不大符合逻辑的,比如不用var来声明变量就算是个全局变量就可以直接用这种。
严格模式与非严格模式的区别在于以下几点
1,全局变量的显示声明
2,严格模式限制了动态绑定,比如禁止使用with,创设eval的单独作用域
3,严格模式下让你头痛的this关键字不能指向全局变量了
4,不能重名:对象不能有重名属性,方法不能有重名形参
5,对于arguments的限制,严格模式下不能对其赋值了,也不再跟踪参数的变化,arguments.callee也不允许使用
6,函数必须声明在顶层,不允许在非函数代码块内声明函数
严格模式还有一个作用就是为以后JS的标准化做铺垫。严格模式下多了很多关键字如public private如果你懂JAVA,或C#你会明白这是什么意思