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 相关文章推荐
修改发贴的编辑功能
Mar 07 Javascript
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
jquery显示隐藏input对象
Jul 21 Javascript
jquery解决客户端跨域访问问题
Jan 06 Javascript
jQuery构造函数init参数分析续
May 13 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
Nov 27 Javascript
jquery获取img的src值的简单实例
May 17 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
Nov 09 Javascript
浅谈Node.js:Buffer模块
Dec 05 Javascript
BetterScroll 在移动端滚动场景的应用
Sep 18 Javascript
快速搭建vue2.0+boostrap项目的方法
Apr 09 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 格式化数字的时候注意数字的范围
2010/04/13 PHP
Linux fgetcsv取得的数组元素为空字符串的解决方法
2011/11/25 PHP
PHP中Socket连接及读写数据超时问题分析
2016/07/19 PHP
php解析base64数据生成图片的方法
2016/12/06 PHP
老生常谈文本文件和二进制文件的区别
2017/02/27 PHP
mysql输出数据赋给js变量报unterminated string literal错误原因
2010/05/22 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
javascript 判断页面访问方式电脑或者移动端
2016/09/19 Javascript
node.js发送邮件email的方法详解
2017/01/06 Javascript
Vue.directive自定义指令的使用详解
2017/03/10 Javascript
详解在vue-cli中使用路由
2017/09/25 Javascript
详解如何使用router-link对象方式传递参数?
2019/05/02 Javascript
详解JavaScript中精度失准问题及解决方法
2020/02/04 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
js实现批量删除功能
2020/08/27 Javascript
Python构造函数及解构函数介绍
2015/02/26 Python
Python中for循环和while循环的基本使用方法
2015/08/21 Python
速记Python布尔值
2017/11/09 Python
Python实现矩阵加法和乘法的方法分析
2017/12/19 Python
Python操作MySQL数据库的三种方法总结
2018/01/30 Python
Django数据库表反向生成实例解析
2018/02/06 Python
Python实现利用163邮箱远程关电脑脚本
2018/02/22 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
Tensorflow实现部分参数梯度更新操作
2020/01/23 Python
Python %r和%s区别代码实例解析
2020/04/03 Python
浅析关于Keras的安装(pycharm)和初步理解
2020/10/23 Python
const char*, char const*, char*const的区别是什么
2014/07/09 面试题
运动会通讯稿300字
2014/02/02 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
企业年检委托书范本
2014/10/14 职场文书
扬州个园导游词
2015/02/06 职场文书
皇城相府导游词
2015/02/06 职场文书
2015毕业生简历自我评价
2015/03/02 职场文书
教师调动申请报告
2015/05/18 职场文书
泰坦尼克号观后感
2015/06/04 职场文书
2017公司年会主持人开幕词
2016/03/04 职场文书