javascript 冒号 使用说明


Posted in Javascript onJune 06, 2009

老在眼前晃,于是在网上搜吧,查资料,很郁闷网上介绍冒号用法的贴子不多,而且比较零碎,也不够深入,看完让人更迷糊,折腾了两天,终于对冒号(:)有了更进一步的了解,希望对想了解冒号用法的人有所帮助。
1、switch语句分支
2、?:三元表达式的false
3、声明对象直接量的成员
4、声明标签

1和2相信地球人都知道吧?如果有人不知道,那我改成地球上的程序员都知道,哈哈
3、对象直接量我们也经常用,什么是对象直接量呢?
对象直接量(也称为对象初始化程序)是由一个列表构成的,这个列表的元素是用冒号分隔的属性/值对,元素之间用逗号隔开了,整个列表包含在花括号之中。
javascript中的对象可以像C#、JAVA这些面向对象的语言中的对象一样,拥有属性和方法。
我们创建javascript对象有很多种方法,例如,你可以用Object创建,

var obj1 = new Object(); 
obj1.X = "20px"; 
obj1.Y = "30px"; 
obj1.myFunction = function() { alert("我是一个方法!"); }; 
obj1.myFunction();

用对象直接量创建一个对象:
var obj2={X:"20px",Y:"30px",myFunction:function(){alert("我是一个方法!");}} 
obj2.myFunction();

用对象直接量创建对象看上去很简洁.
当然你也可以先写个类似Class类的东西然后用构造函数创建:
function myClass(x, y) { 
this.X = x; 
this.Y = y; 
} 
myClass.prototype.myFunction=function(){ 
alert("我是一个方法!"); 
} 
var obj3 = new myClass("20px", "30px"); 
obj3.myFunction();

4、声明标签
脚本语言有很多,除了javascript之外,我们也可以用其它脚本语言来实现javascript所能实现的功能;
例:
<input type="button" onclick="vbscript:vbFunction()" value='按钮'/>
当点击按钮时就会用vbscript语法去执行你用vbscript定义的vbFunction方法;
如果把onclick后面的vbscript:vbFunction(),改成javascript:vbFunction();就会出错。
这些声明你也可以不写直接调用方法,
<input type="button" onclick="vbFunction()" value='按钮'/>
这时onclick中的方法, 无论你用vbscript还是javascript,IE浏览器会自行识别,用相应的语法去执行,当然其它浏览器是不支持vbscript的.
平时我们用javascript习惯上是加声明的,也就是"javascript:",
<input type="button" onclick="javascript:alert('你点击了我!')" value='按钮'/>
"javascript:"经常被那些自称黑客的人们利用,利用"javascript:"绕过一些简单的或者更高级一点的html表单限制及cookie/session验证;以及SQL注入.如果想了解可以到别的地方查,不过学会千万不要搞破坏啊,哈哈
做个简单的小例子:
首先打开www.baidu.com百度的首页,然后直接把下面这句复制到浏览器的地址栏中,按回车,
javascript:alert(document.forms[0].wd.value='csdn');document.forms[0].submit()
效果怎么样呢?不错,我们利用javascript直接操作了搜索框中的文本,还有执行了表单的提交,更复杂的操作,可以自己研究。
Javascript 相关文章推荐
制作高质量的JQuery Plugin 插件的方法
Apr 20 Javascript
jquery实现html页面 div 假分页有原理有代码
Sep 06 Javascript
JavaScript调试工具汇总
Dec 23 Javascript
jQuery Easyui datagrid连续发送两次请求问题
Dec 13 Javascript
jQuery实现花式轮播之圣诞节礼物传送效果
Dec 25 Javascript
BootStrap Datepicker 插件修改为默认中文的实现方法
Feb 10 Javascript
ES6解构赋值实例详解
Oct 31 Javascript
vue 运用mock数据的示例代码
Nov 07 Javascript
vue将毫秒数转化为正常日期格式的实例
Sep 16 Javascript
vue prop传值类型检验方式
Jul 30 Javascript
vue实现验证用户名是否可用
Jan 20 Vue.js
Javascript webpack动态import
Apr 19 Javascript
JavaScript 封装Ajax传递的数据代码
Jun 05 #Javascript
Firefox outerHTML实现代码
Jun 04 #Javascript
IE innerHTML,outerHTML所引起的问题
Jun 04 #Javascript
js 鼠标点击事件及其它捕获
Jun 04 #Javascript
一些常用的JS功能函数(2009-06-04更新)
Jun 04 #Javascript
javascript globalStorage类代码
Jun 04 #Javascript
IE8 兼容性问题(属性名区分大小写)
Jun 04 #Javascript
You might like
php中的时间显示
2007/01/18 PHP
关于Intype一些小问题的解决办法
2008/03/28 PHP
php多种形式发送邮件(mail qmail邮件系统 phpmailer类)
2014/01/22 PHP
php实现猴子选大王问题算法实例
2015/04/20 PHP
php实现倒计时效果
2015/12/19 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
在 PHP 和 Laravel 中使用 Traits的方法
2019/11/13 PHP
PHP实现二维数组(或多维数组)转换成一维数组的常见方法总结
2019/12/04 PHP
nginx 设置多个站跨域
2021/03/09 Servers
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
2007/04/21 Javascript
SWFObject 2.1以上版本语法介绍
2010/07/10 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
jQuery实现下拉框多选 jquery-multiselect 的实例代码
2016/07/14 Javascript
基于BootstrapValidator的Form表单验证(24)
2016/12/12 Javascript
js实现仿购物车加减效果
2017/03/01 Javascript
H5图片压缩与上传实例
2017/04/21 Javascript
基于vue-cli配置lib-flexible + rem实现移动端自适应
2017/12/26 Javascript
JavaScript异步加载问题总结
2018/02/17 Javascript
JS抛物线动画实例制作
2018/02/24 Javascript
Javascript中prototype与__proto__的关系详解
2018/03/11 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
jQuery超简单遮罩层实现方法示例
2018/09/06 jQuery
微信小程序入门之广告条实现方法示例
2018/12/05 Javascript
WebSocket的简单介绍及应用
2019/05/23 Javascript
[48:00]EG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/29 DOTA
python获取糗百图片代码实例
2013/12/18 Python
python 定义给定初值或长度的list方法
2018/06/23 Python
详解Python在使用JSON时需要注意的编码问题
2019/12/06 Python
关于tf.matmul() 和tf.multiply() 的区别说明
2020/06/18 Python
解决PyCharm不在run输出运行结果而不是再Console里输出的问题
2020/09/21 Python
python3实现飞机大战
2020/11/29 Python
C++如何引用一个已经定义过的全局变量
2014/08/25 面试题
什么是lambda函数
2013/09/17 面试题
公益广告语集锦
2014/03/13 职场文书
七一建党日演讲稿
2014/09/05 职场文书
Python+Selenium实现读取网易邮箱验证码
2022/03/13 Python