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 相关文章推荐
一个加密JavaScript的开源工具PACKER2.0.2
Nov 04 Javascript
读jQuery之十 事件模块概述
Jun 27 Javascript
JQUERY实现左侧TIPS滑进滑出效果示例
Jun 27 Javascript
js获取和设置属性的方法
Feb 20 Javascript
javascript中的正则表达式使用指南
Mar 01 Javascript
AngularJS实现动态添加Option的方法
May 17 Javascript
微信小程序表单验证错误提示效果
May 19 Javascript
JS Testing Properties 判断属性是否在对象里的方法
Oct 01 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 Javascript
layui实现左侧菜单点击右侧内容区显示
Jul 26 Javascript
详解简单易懂的 ES6 Iterators 指南和示例
Sep 24 Javascript
vue中的v-model原理,与组件自定义v-model详解
Aug 04 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中使用Oracle数据库(3)
2006/10/09 PHP
PHP 函数执行效率的小比较
2010/10/17 PHP
php 安全过滤函数代码
2011/05/07 PHP
Thinkphp3.2.3分页使用实例解析
2016/07/28 PHP
php 无限分类 树形数据格式化代码
2016/10/11 PHP
PHP载入图像imagecreatefrom_gif_jpeg_png系列函数用法分析
2016/11/14 PHP
PHP PDOStatement::errorCode讲解
2019/01/31 PHP
JavaScript快速检测浏览器对CSS3特性的支持情况
2012/09/26 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
文本域中换行符的替换示例
2014/03/04 Javascript
常见浏览器多长时间会提示“脚本运行时间过长”总结
2014/04/29 Javascript
JQuery Mobile实现导航栏和页脚
2016/03/09 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
Angular2中监听数据更新的方法
2018/08/31 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
2018/09/16 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
Vue组件通信入门之Provide和Inject机制
2019/12/29 Javascript
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
从零学python系列之数据处理编程实例(一)
2014/05/22 Python
Python转换HTML到Text纯文本的方法
2015/01/15 Python
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
python初学之用户登录的实现过程(实例讲解)
2017/12/23 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
利用Python的sympy包求解一元三次方程示例
2019/11/22 Python
Java里面Pass by value和Pass by Reference是什么意思
2016/05/02 面试题
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
高职助产应届生自荐信
2013/09/24 职场文书
2014年高三毕业生自我评价
2014/01/11 职场文书
教师业务培训方案
2014/05/01 职场文书
119消防日活动总结
2014/08/29 职场文书
大学毕业生个人总结
2015/02/28 职场文书
普通员工辞职信范文
2015/05/12 职场文书
超越Nginx的Web服务器caddy优雅用法
2022/06/21 Servers