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 相关文章推荐
一个简单的jQuery插件制作 学习过程及实例
Apr 25 Javascript
Javascript 静态页面实现随机显示广告的办法
Nov 17 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
Dec 30 Javascript
jQuery 源码分析笔记(7) Queue
Jun 19 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
Jun 03 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
Oct 09 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
Oct 24 Javascript
vue.js实现简单轮播图效果
Oct 10 Javascript
Vue项目使用CDN优化首屏加载问题
Apr 01 Javascript
vue 实现特定条件下绑定事件
Nov 09 Javascript
原生Vue 实现右键菜单组件功能
Dec 16 Javascript
vue.js中使用微信扫一扫解决invalid signature问题(完美解决)
Apr 11 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
使用sockets:从新闻组中获取文章(二)
2006/10/09 PHP
实现“上一页”和“下一页按钮
2006/10/09 PHP
PHP 分页类(模仿google)-面试题目解答
2009/09/13 PHP
大家须知简单的php性能优化注意点
2016/01/04 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
JavaScript 学习技巧
2010/02/17 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
2017/01/03 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
vue3.0 CLI - 2.5 - 了解组件的三维
2018/09/14 Javascript
详解JavaScript的数据类型以及数据类型的转换
2019/04/20 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
Vue自定义render统一项目组弹框功能
2020/06/07 Javascript
详解Java中String JSONObject JSONArray List转换
2020/11/13 Javascript
浅谈Vue开发人员的7个最好的VSCode扩展
2021/01/20 Vue.js
python操作MySQL数据库具体方法
2013/10/28 Python
Python发送Email方法实例
2014/08/21 Python
python编写的最短路径算法
2015/03/25 Python
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
详解python中__name__的意义以及作用
2019/08/07 Python
Python多线程爬取豆瓣影评API接口
2019/10/22 Python
python单例模式原理与创建方法实例分析
2019/10/26 Python
Pytorch实现基于CharRNN的文本分类与生成示例
2020/01/08 Python
自定义Django默认的sitemap站点地图样式
2020/03/04 Python
python 实现逻辑回归
2020/12/30 Python
倩碧美国官网:Clinique美国
2016/07/20 全球购物
如何理解transaction事务的概念
2015/05/27 面试题
优秀毕业生自荐信范文
2014/01/01 职场文书
室内设计专业毕业生求职信
2014/05/02 职场文书
群众路线调研报告范文
2014/11/03 职场文书
学前班语言教学计划
2015/01/20 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
2015年工商局个人工作总结
2015/07/23 职场文书
Flutter集成高德地图并添加自定义Maker的实践
2022/04/07 Java/Android