`
slmi
  • 浏览: 33400 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

javascript 冒号的使用

阅读更多

javascript的冒号有三种使用情况

1、switch语句

    

语法:

switch(n)
   {
   case 1:
     执行代码块 1
     break
   case 2:
     执行代码块 2
     break
   default:
     如果n即不是1也不是2,则执行此代码
   }

工作原理:switch 后面的 (n) 可以是表达式,也可以(并通常)是变量。然后表达式中的值会与 case 中的数字作比较,如果与某个 case 相匹配,那么其后的代码就会被执行。break 的作用是防止代码自动执行到下一行。

实例:

<script type="text/javascript">
//You will receive a different greeting based
//on what day it is. Note that Sunday=0,
//Monday=1, Tuesday=2, etc.

var d=new Date()
theDay=d.getDay()

switch (theDay)
   {
   case 5:
     document.write("Finally Friday")
     break
   case 6:
     document.write("Super Saturday")
     break
   case 0:
     document.write("Sleepy Sunday")
     break
   default:
     document.write("I'm looking forward to this weekend!")
}
</script>

 

2、三元表达式的false

     z=x>y?true:false

3、声明对象直接量的成员

     对象直接量(也称为对象初始化程序)是由一个列表构成的,这个列表的元素是用冒号分隔的属性/值对,元素之间用逗号隔开了,整个列表包含在花括号之中。javascript中的对象可以像C#、JAVA这些面向对象的语言中的对象一样,拥有属性和方法。 我们创建javascript对象有很多种方法,例如,你可以用Object创建,

详细出处参考:http://www.jb51.net/article/18465.htm

 

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构造函数实现,prototype

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直接操作了搜索框中的文本,还有执行了表单的提交,更复杂的操作,可以自己研究。
详细出处参考:http://www.jb51.net/article/18465.htm

分享到:
评论

相关推荐

    javascript 冒号 使用说明

    以下是对冒号在JavaScript中使用的一些详细说明: 1. **Switch语句分支**: Switch语句是JavaScript中用于多条件判断的结构,每个case后面跟着一个条件,条件后跟冒号,接着是满足条件时执行的代码块。例如: ```...

    js中冒号的用法1

    JavaScript 中冒号的用法详解 ...在上面的代码中,我们使用冒号来调用一个 JavaScript 函数 `alert`,当按钮被点击时,它将弹出一个警告框。 冒号在 JavaScript 中有多种用法,我们需要根据不同的场景选择正确的用法。

    韩顺平老师Javascript_PPT

    - 对象是键值对的集合,使用花括号{}定义,键和值之间用冒号分隔,键值对之间用逗号分隔。 7. **事件处理** - JavaScript通过事件监听器来响应用户的交互,如点击按钮、滚动页面等,常使用`addEventListener`方法...

    VB转javascript代码帮助下载

    - JavaScript使用不同的语法结构,例如使用括号而非冒号表示函数参数: ```js function addTable(range, numRows, numCols) { document.tables.add(range, numRows, numCols, wdWord9TableBehavior, ...

    JavaScript对象经典小册 chm

    对象是通过大括号{}创建的,键和值之间用冒号分隔,键值对之间用逗号分隔。 2. 属性与方法:对象的属性是存储在对象内的变量,而方法是可执行的函数。你可以通过点记法或方括号记法访问和修改属性。 3. 构造函数与...

    JavaScript学习笔记

    JSON格式使用`{}`来表示一个对象,属性由键值对组成,其中键名必须为字符串形式,键值之间使用冒号分隔,多个属性之间使用逗号分隔。 ```javascript var objectA = { name: "myName", age: 19, school: { ...

    JavaScript工作原理及对象详解.docx

    在字面量模式下,属性名和值之间使用冒号分隔,不同属性之间使用逗号分隔,且属性值如果是字符串,必须用引号包围。 访问对象的属性有两种形式:点表示法(如`person.name`)和中括号表示法(如`person["first name...

    使用 JavaScript 创建和分析 JSON 消息

    在 JSON 格式化函数正式添加到 JavaScript 并广泛用于常见实现之前,请使用可从 http://www.json.org/json.js 下载的参考实现脚本。 &lt;br&gt;在撰写本文时的最新更新中,www.json.org 上的 json.js 脚本将 ...

    JavaScript内部测试题1

    JavaScript,作为全球最广泛使用的编程语言之一,是前端开发的核心技术。这门动态类型的脚本语言在网页交互、用户界面动态化以及Web应用程序构建中扮演着至关重要的角色。本内部测试题1主要针对JavaScript的基础知识...

    javaScript编码规约 coding rules and conventions

    - 使用一致的空格:在操作符两侧、逗号后、冒号前等位置添加空格。 3. **注释规范** - 为每个函数、类或复杂的代码段提供注释,解释其目的和用法。 - 使用`/*...*/`进行多行注释,使用`//`进行单行注释。 - ...

    Javascript5.5 中文手册

    4. **对象字面量优化(Object Literal Shorthand)**:新引入的对象字面量语法简化了创建对象的方式,可以省略属性名和值之间的冒号,如`var obj = {name, age}`,等同于`var obj = {name: name, age: age}`。...

    编写可维护的JavaScript.pdf

    - **对象字面量**(Object Literals):对象字面量使用花括号包围,属性和值之间用冒号分隔。 - **数组字面量**(Array Literals):数组字面量使用方括号包围,元素之间用逗号分隔。 **第2章:注释** - **单行...

    JSON使用指南JSON 即 JavaScript Object Natation

    6. 对象(Object):使用大括号`{}`包围,由键值对组成,键是字符串,值可以是任意JSON值,键和值之间用冒号分隔,键值对之间用逗号分隔。例如: ```json { "city": "Beijing", "street": "Chaoyang Road", ...

    javascript中的数组对象以及json学习笔记

    在JavaScript中处理JSON数据时,我们经常使用`fetch`或`XMLHttpRequest`进行网络请求,获取JSON数据后,再使用`JSON.parse()`将其转换成可操作的对象。例如: ```javascript fetch('...

    json2.rar_javascript

    JSON在JavaScript中的使用非常广泛,比如在Ajax请求中,服务器通常会返回JSON格式的数据,前端JavaScript代码可以方便地解析这些数据并更新DOM。同时,前端向服务器发送数据时,也会将JavaScript对象转换为JSON格式...

    JavaScript 语言基础知识点总结(思维导图)

    - 对象创建:使用花括号{}创建,属性名与值之间用冒号分隔,多个属性用逗号分隔。 - 属性访问:.操作符和[]操作符,后者允许使用变量作为属性名。 - 属性赋值与删除:使用赋值运算符=添加属性,delete关键字删除...

    javascript 编程规范

    - **对象属性冒号后空格**:对象属性的 `:` 后必须有空格,而 `:` 前则不允许有空格。 - **函数名称与括号间不留空格**:函数名称与后面的括号 `( )` 之间不允许有空格。 - **逗号与分号前不留空格**:逗号 `,` ...

Global site tag (gtag.js) - Google Analytics