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 相关文章推荐
Mootools 1.2教程 输入过滤第一部分(数字)
Sep 15 Javascript
javaScript中两个等于号和三个等于号之间的区别介绍
Jun 27 Javascript
浅谈JavaScript数据类型
Mar 03 Javascript
JavaScript中ES6 Babel正确安装过程
Jul 18 Javascript
JS组件系列之使用HTML标签的data属性初始化JS组件
Sep 14 Javascript
ES6中数组array新增方法实例总结
Nov 07 Javascript
js实现rem自动匹配计算font-size的示例
Nov 18 Javascript
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
浅谈angular2子组件的事件传递(任意组件事件传递)
Sep 30 Javascript
js根据json数据中的某一个属性来给数据分组的方法
Oct 08 Javascript
详细分析React 表单与事件
Jul 08 Javascript
JS封装cavans多种滤镜组件
Feb 15 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学习笔记 面向对象的构造与析构方法
2011/06/13 PHP
php中用foreach来操作数组的代码
2011/07/17 PHP
图片之间的切换
2006/06/26 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
简述Angular 5 快速入门
2017/11/04 Javascript
对VUE中的对象添加属性
2018/09/18 Javascript
详解基于Vue,Nginx的前后端不分离部署教程
2018/12/04 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
2019/07/24 Javascript
[58:21]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第二场
2018/04/04 DOTA
Python装饰器的函数式编程详解
2015/02/27 Python
Python+Selenium自动化实现分页(pagination)处理
2017/03/31 Python
python复制文件到指定目录的实例
2018/04/27 Python
实时获取Python的print输出流方法
2019/01/07 Python
python的几种矩阵相乘的公式详解
2019/07/10 Python
Python多继承以及MRO顺序的使用
2019/11/11 Python
selenium中get_cookies()和add_cookie()的用法详解
2020/01/06 Python
Python库安装速度过慢解决方案
2020/07/14 Python
床上用品全球在线购物:BeddingInn
2016/12/18 全球购物
荷兰皇家航空公司官方网站:KLM Royal Dutch Airlines
2017/12/07 全球购物
Omio中国:全欧洲低价大巴、火车和航班搜索和比价
2018/08/09 全球购物
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
美国购买隐形眼镜网站:Lenses For Less
2020/07/05 全球购物
餐饮营销方案
2014/02/23 职场文书
地球一小时倡议书
2014/04/15 职场文书
汽车运用工程专业求职信
2014/06/18 职场文书
党的群众路线教育实践活动剖析材料
2014/09/30 职场文书
城管个人总结
2015/02/28 职场文书
党员个人承诺书
2015/04/27 职场文书
教师工作证明范本
2015/06/12 职场文书
标枪加油稿
2015/07/22 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
Nginx安装完成没有生成sbin目录的解决方法
2021/03/31 Servers
Pytorch中Softmax和LogSoftmax的使用详解
2021/06/05 Python
JavaScript实例 ODO List分析
2022/01/22 Javascript
科学家测试在太空中培育人造肉,用于未来太空旅行
2022/04/29 数码科技