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 通用javascript函数库整理
Aug 14 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
Mar 11 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
Feb 23 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
May 26 Javascript
浅谈Web页面向后台提交数据的方式和选择
Sep 23 Javascript
jquery实现下拉框多选方法介绍
Jan 03 Javascript
JS中使用gulp实现压缩文件及浏览器热加载功能
Jul 12 Javascript
Vue2.0父子组件传递函数的教程详解
Oct 16 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
Nov 23 Javascript
基于javascript的拖拽类封装详解
Apr 19 Javascript
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
JavaScript和TypeScript中的void的具体使用
Sep 12 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
某大型网络公司应聘时的笔试题目附答案
2008/03/27 PHP
php禁止浏览器使用缓存页面的方法
2014/11/07 PHP
php中PDO方式实现数据库的增删改查
2015/05/17 PHP
php基于dom实现读取图书xml格式数据的方法
2017/02/03 PHP
javascript 去字符串空格终极版(支持utf8)
2009/11/14 Javascript
javascript 冒泡排序 正序和倒序实现代码
2010/12/14 Javascript
jQuery 更改checkbox的状态,无效的解决方法
2016/07/22 Javascript
详解vue-cli中的ESlint配置文件eslintrc.js
2017/09/25 Javascript
Vue中v-for的数据分组实例
2018/03/07 Javascript
使用vue-router beforEach实现判断用户登录跳转路由筛选功能
2018/06/25 Javascript
JavaScript fetch接口案例解析
2018/08/30 Javascript
Vue多组件仓库开发与发布详解
2019/02/28 Javascript
js中数组常用方法总结(推荐)
2019/04/09 Javascript
javascript实现简易聊天室
2019/07/12 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
Vue 中使用 typescript的方法详解
2020/02/17 Javascript
Vue 样式切换及三元判断样式关联操作
2020/08/09 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
[02:51]2014DOTA2国际邀请赛 IG战队官方纪录片
2014/07/21 DOTA
python logging日志模块的详解
2017/10/29 Python
python 输出上个月的月末日期实例
2018/04/11 Python
用Python下载一个网页保存为本地的HTML文件实例
2018/05/21 Python
python 用for循环实现1~n求和的实例
2019/02/01 Python
python+webdriver自动化环境搭建步骤详解
2019/06/03 Python
python实现大文件分割与合并
2019/07/22 Python
详解在python操作数据库中游标的使用方法
2019/11/12 Python
python爬虫开发之urllib模块详细使用方法与实例全解
2020/03/09 Python
selenium+超级鹰实现模拟登录12306
2021/01/24 Python
描述JSP和Servlet的区别、共同点、各自应用的范围
2012/10/02 面试题
师范应届生教师求职信
2013/11/05 职场文书
会计专业大学生职业生涯规划书
2014/02/11 职场文书
搞笑婚礼主持词
2014/03/13 职场文书
学籍证明模板
2014/11/21 职场文书
公司职员入党自传书
2015/06/26 职场文书
红白喜事主持词
2015/07/06 职场文书
小组组名及励志口号
2015/12/24 职场文书