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用Date对象的setDate()函数对日期进行加减操作
Sep 18 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
May 19 Javascript
jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
Dec 03 Javascript
jQuery向父辈遍历的简单方法
Sep 18 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
Dec 14 Javascript
jQuery使用Layer弹出层插件闪退问题
Dec 22 Javascript
js 递归和定时器的实例解析
Feb 03 Javascript
微信小程序左滑删除效果的实现代码
Feb 20 Javascript
vue.js实现标签页切换效果
Jun 07 Javascript
用Node写一条配置环境的指令
Nov 14 Javascript
js函数和this用法实例分析
Mar 13 Javascript
Vue两种组件类型:递归组件和动态组件的用法
Aug 06 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
Smarty foreach控制循环次数的一些方法
2015/07/01 PHP
php分页查询mysql结果的base64处理方法示例
2017/05/18 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
详解php语言最牛掰的Laravel框架
2017/11/20 PHP
php读取本地json文件的实例
2018/03/07 PHP
php unlink()函数使用教程
2018/07/12 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
Javascript中eval函数的使用方法与示例
2007/04/09 Javascript
借助JavaScript脚本判断浏览器Flash Player信息的方法
2014/07/09 Javascript
javascript中动态函数用法实例分析
2015/05/14 Javascript
JavaScript数据存储 Cookie篇
2016/07/02 Javascript
Vue.js计算属性computed与watch(5)
2016/12/09 Javascript
Vue制作Todo List网页
2017/04/26 Javascript
React中的render何时执行过程
2018/04/13 Javascript
微信小程序支付前端源码
2018/08/29 Javascript
vue监听滚动事件的方法
2020/12/21 Vue.js
[00:35]DOTA2上海特级锦标赛 EG战队宣传片
2016/03/04 DOTA
用实例说明python的*args和**kwargs用法
2013/11/01 Python
基于python中staticmethod和classmethod的区别(详解)
2017/10/24 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
Python中模块(Module)和包(Package)的区别详解
2019/08/07 Python
Python调用shell命令常用方法(4种)
2020/05/11 Python
python怎么判断模块安装完成
2020/06/19 Python
如何用Matplotlib 画三维图的示例代码
2020/07/28 Python
python使用建议与技巧分享(二)
2020/08/17 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
Html5页面在微信端的分享的实现方法
2018/08/30 HTML / CSS
《中国的气候》教学反思
2014/02/23 职场文书
关于孝道的演讲稿
2014/05/21 职场文书
端午节活动总结
2014/08/26 职场文书
北京离婚协议书范文2014
2014/09/29 职场文书
全国法制宣传日活动总结
2015/05/05 职场文书
奖学金申请个人主要事迹材料
2015/11/04 职场文书
2016年学习雷锋精神广播稿
2015/12/17 职场文书
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript
MySQL Shell import_table数据导入的实现
2021/08/07 MySQL