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的IE和Firefox兼容性集锦
Dec 11 Javascript
ext jquery 简单比较
Apr 07 Javascript
JavaScript访问样式表代码
Oct 15 Javascript
读jQuery之九 一些瑕疵说明
Jun 21 Javascript
jquery获取元素值的方法(常见的表单元素)
Nov 15 Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 Javascript
关于Angular2 + node接口调试的解决方案
May 28 Javascript
jQuery的时间datetime控件在AngularJs中的使用实例(分享)
Aug 17 jQuery
vue实现移动端轻量日期组件不依赖第三方库的方法
Apr 28 Javascript
让mocha支持ES6模块的方法实现
Jan 14 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
Oct 31 Javascript
jQuery实现移动端扭蛋机抽奖
Nov 08 jQuery
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 时间计算问题小结
2009/01/04 PHP
Apache环境下PHP利用HTTP缓存协议原理解析及应用分析
2010/02/16 PHP
php版本的cron定时任务执行器使用实例
2014/08/19 PHP
PHP实现自动登入google play下载app report的方法
2014/09/23 PHP
php 运算符与表达式详细介绍
2016/11/30 PHP
IE8 下的Js错误HTML Parsing Error...
2009/08/14 Javascript
jquery 按钮状态效果 正常、移上、按下
2013/08/12 Javascript
js截取固定长度的中英文字符的简单实例
2013/11/22 Javascript
js 点击页面其他地方关闭弹出层(示例代码)
2013/12/24 Javascript
jquery实现邮箱自动补全功能示例分享
2014/02/17 Javascript
JS鼠标拖拽实例分析
2015/11/23 Javascript
jQuery插件pagination实现无刷新分页
2016/05/21 Javascript
jQuery弹出div层过2秒自动消失
2016/11/29 Javascript
Angular1.x复杂指令实例详解
2017/03/01 Javascript
Vue实现动态响应数据变化
2017/04/28 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
2017/08/26 Javascript
一篇文章,教你学会Vue CLI 插件开发
2019/04/17 Javascript
python生成器的使用方法
2013/11/21 Python
Python去掉字符串中空格的方法
2014/03/11 Python
Python3实现将文件归档到zip文件及从zip文件中读取数据的方法
2015/05/22 Python
python内置函数:lambda、map、filter简单介绍
2017/11/16 Python
python语言中with as的用法使用详解
2018/02/23 Python
Pycharm设置界面全黑的方法
2018/05/23 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
python 3.6.7实现端口扫描器
2019/09/04 Python
windows10环境下用anaconda和VScode配置的图文教程
2020/03/30 Python
Python HTMLTestRunner库安装过程解析
2020/05/25 Python
Keras 利用sklearn的ROC-AUC建立评价函数详解
2020/06/15 Python
HTML5制作酷炫音频播放器插件图文教程
2014/12/30 HTML / CSS
YOOX台湾:意大利奢侈品电商
2018/10/13 全球购物
英国顶级足球鞋的领先零售商:Lovell Soccer
2019/08/27 全球购物
mysql有关权限的表都有哪几个
2015/04/22 面试题
大学生职业生涯规划书前言
2014/01/09 职场文书
生日庆典策划方案
2014/06/02 职场文书
民事起诉状范文
2015/05/19 职场文书
两行代码解决Jupyter Notebook中文不能显示的问题
2021/04/24 Python