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插件datepicker 日期连续选择
Jun 12 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
Jul 05 Javascript
Angular1.x复杂指令实例详解
Mar 01 Javascript
vue 请求后台数据的实例代码
Jun 22 Javascript
Vue0.1的过滤代码如何添加到Vue2.0直接使用
Aug 23 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
Nov 22 Javascript
javaScript canvas实现(画笔大小 颜色 橡皮的实例)
Nov 28 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
Oct 29 Javascript
微信小程序封装的HTTP请求示例【附升级版】
May 11 Javascript
vue实现行列转换的一种方法
Aug 06 Javascript
Vue 用Vant实现时间选择器的示例代码
Oct 25 Javascript
Jquery滑动门/tab切换实现方法完整示例
Jun 05 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实现常见图片格式的水印和缩略图制作(面向对象)
2016/06/15 PHP
PHP快速排序quicksort实例详解
2016/09/28 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
JavaScript String.replace函数参数实例说明
2013/06/06 Javascript
Jquery读取URL参数小例子
2013/08/30 Javascript
js实现双击图片放大单击缩小的方法
2015/02/17 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
深入浅析knockout源码分析之订阅
2016/07/12 Javascript
jQuery实现给input绑定回车事件的方法
2017/02/09 Javascript
Bootstrap3多级下拉菜单
2017/02/24 Javascript
使用ES6语法重构React代码详解
2017/05/09 Javascript
深入浅析Nodejs的Http模块
2017/06/20 NodeJs
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
Vue中的字符串模板的使用
2018/05/17 Javascript
详解Vue CLI3配置解析之css.extract
2018/09/14 Javascript
JS前端模块化原理与实现方法详解
2020/03/17 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
[33:39]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第二局
2016/02/27 DOTA
利用Hyperic调用Python实现进程守护
2018/01/02 Python
Selenium控制浏览器常见操作示例
2018/08/13 Python
python DataFrame 取差集实例
2019/01/30 Python
Python处理session的方法整理
2019/08/29 Python
初学者学习Python好还是Java好
2020/05/26 Python
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
AURALog面试题软件测试方面
2013/10/22 面试题
自我推荐信范文
2014/05/09 职场文书
建材投资建议书
2014/05/16 职场文书
松材线虫病防治方案
2014/06/15 职场文书
英语三分钟演讲稿
2014/08/19 职场文书
2014小学生国庆65周年演讲稿
2014/09/21 职场文书
欢迎词范文
2015/01/27 职场文书
杭州西湖英语导游词
2015/02/03 职场文书
教师纪律作风整顿心得体会
2016/01/23 职场文书
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python