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 相关文章推荐
JS重要知识点小结
Nov 06 Javascript
js实现鼠标滚轮控制图片缩放效果的方法
Feb 20 Javascript
js中不同的height, top的区别对比
Sep 24 Javascript
基于javascript制作经典传统的拼图游戏
Mar 22 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
浅谈$('div a') 与$('div&gt;a')的区别
Jul 18 Javascript
AngularJS指令与控制器之间的交互功能示例
Dec 14 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
Vue波纹按钮组件制作
Apr 30 Javascript
ES6知识点整理之模块化的应用详解
Apr 15 Javascript
element-ui上传一张图片后隐藏上传按钮功能
May 22 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
通过5个php实例细致说明传值与传引用的区别
2012/08/08 PHP
ThinkPHP中session函数详解
2016/09/14 PHP
PHP实现的数据对象映射模式详解
2019/03/20 PHP
Thinkphp框架使用list_to_tree 实现无限级分类列出所有节点示例
2020/04/04 PHP
聊聊 PHP 8 新特性 Attributes
2020/08/19 PHP
基于jquery的一个简单的脚本验证插件
2010/04/05 Javascript
JavaScript中函数声明优先于变量声明的实例分析
2012/03/01 Javascript
JS随即打乱数组实现代码
2012/12/03 Javascript
JavaScript数组去重的3种方法和代码实例
2015/07/01 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
js使用原型对象(prototype)需要注意的地方
2017/08/28 Javascript
JS简单实现滑动加载数据的方法示例
2017/10/18 Javascript
全新打包工具parcel零配置vue开发脚手架
2018/01/11 Javascript
Vue源码解读之Component组件注册的实现
2018/08/24 Javascript
探秘vue-rx 2.0(推荐)
2018/09/21 Javascript
vue中的router-view组件的使用教程
2018/10/23 Javascript
[03:16]DOTA2完美大师赛小组赛精彩集锦
2017/11/22 DOTA
[49:05]OG vs Newbee 2019DOTA2国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
Python调用C/C++动态链接库的方法详解
2014/07/22 Python
详解Python中使用base64模块来处理base64编码的方法
2016/07/01 Python
如何使用python操作vmware
2019/07/27 Python
Python hashlib模块加密过程解析
2019/11/05 Python
pytorch 实现在预训练模型的 input上增减通道
2020/01/06 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
Python中的wordcloud库安装问题及解决方法
2020/05/27 Python
零基础学python应该从哪里入手
2020/08/11 Python
骆驼官方商城:CAMEL
2016/11/22 全球购物
在SQL Server中创建数据库主要有那种方式
2013/09/10 面试题
毕业求职自荐信格式是什么
2013/11/19 职场文书
产品开发计划书
2014/04/27 职场文书
党员公开承诺书内容
2014/05/20 职场文书
护士医德医风自我评价
2014/09/15 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
2014年初级职称工作总结
2014/12/08 职场文书
六一儿童节开幕词
2015/01/29 职场文书
火烧圆明园的观后感
2015/06/03 职场文书