JavaScript中With 语句使用方法实例
内容导读: 有了 With 语句,在存取对象属性和方法时就不用重复指定参考对象,在 With 语句块中,凡是 JavaScript 不识别的属性和方法都和该语句块指定的对象有关。With 语句的语法格式如下所示:
With Object {
Statements
}
对象指明了当语句组中对象缺省时的参考对象,这里我们用较为熟悉的 Document 对象对 With 语句举例。例如 当使用与 Document 对象有关的 write( )或 writeln( )方法时,往往使用如下形式:
document.writeln(”Hello!“)
如果需要显示大量数据时,就会多次使用同样的 document.writeln()语句,这时就可以像下面的程序那样,把所有以 Document 对象为参考对象的语句放到With 语句块中,从而达到减少语句量的目的。下面是一个With 语句使用的例子:
html
head
title JavaScript Unleashed /title
/head
body
script type="text/javascript"
!—
with(document){
write("您好 !");
write(" br 这个文档的标题是 : \"" + title + "\".");
write(" br 这个文档的 URL 是: " + URL);
write(" br 现在您不用每次都写出 document 对象的前缀了 !");
}
// --
/script
/body
/html
这样,您在使用 document 的方法和属性时就可以去掉 Document 前缀。
请注意程序中的 title 和 URL 均是 Document 对 象的属性,一般情况下应写作document.title 和document.URL 使用 With 语句,您只需指定一次参考对象,这同把每一行都用document.writeln()打印下来的结果一样,这个例子的执行结果如图1所示
注意:由于浏览器的不同在本例中您可能看到,URL 的一种编码格式。
图1
前端js实现水果放大实例 其实很简单, 我们只需要知道鼠标距离html文档的距离减去水果盒子到页面的距离就可以得到鼠标到水果盒子边的距离
第11/90步《番外篇》第3章 JS 语法实例讲解 第22课 今天学习《番外篇》第3章 JS 语法实例讲解 第22课 JS 实用技巧二:对象与函数等相关技巧,这节课继续学习有关变量声明、参数定义、箭头函数定义、字符串使用等有关的语法实用技巧。
第10/90步《番外篇》第3章 JS 语法实例讲解 第21课 今天学习《番外篇》第3章 JS 语法实例讲解 第21课 实用技巧一:操作符、扩展运算符和短路评估等技巧,这节课开始学习 JS 语法的简写技巧。这一课谈及的技巧,多数在前面章节中已有使用,掌握这些技巧,意在使代码更加易写、易读和易于维护。
第09/90步《番外篇》第3章 JS 语法实例讲解 第20课 今天学习《番外篇》第3章 JS 语法实例讲解 第20课 面向对象语法二:函数、类与作用域,这节课学习与函数、闭包、类和模块有关的面向对象编程基础语法。
第08/90步《番外篇》第3章 JS 语法实例讲解 第19课 今天学习《番外篇》第3章 JS 语法实例讲解 第19课 面向对象语法一:对象和数组,这节课学习对象与数组。在 JS 中,一切皆为对象,数组也是对象,数组是一种处理集合数据的特殊对象。
第07/90步《番外篇》第3章 JS 语法实例讲解 第18课 今天学习《番外篇》第3章 JS 语法实例讲解 第18课 JS 语法基础二:操作符和逻辑控制语句,这节课主要学习操作符和基本的逻辑控制语句。
第06/90步《番外篇》第3章 JS 语法实例讲解 第17课 今天学习《番外篇》第3章 JS 语法实例讲解 第17课 JS 语法基础一:基本数据类型和变量、常量,这节课主要学习 JS 语言的标识符、基本数据类型、变量、常量等内容。
相关文章
- javascript 命名空间的实例应用
- JavaScript中常见的十五种设计模式
- 【趣事】用 JavaScript 对抗 DDOS 攻击 (下)
- 【趣事】用 JavaScript 对抗 DDOS 攻击
- javascript中new Date()的浏览器兼容性问题
- SharePoint JavaScript API 根据文件路径删除文件
- JavaScript实现TwoQueues缓存模型
- 初探JavaScript——JS另类的作用域和声明提前
- 【JavaScript】Array 实例方法(二)
- 【JavaScript】Array 实例方法(一)
- 【JavaScript】事件介绍
- JavaScript实战—JavaScript、jQuery、HTML5、Node.js实例大全
- jQuery与JavaScript入门经典
- 细数 JavaScript 实用黑科技(二)
- javaScript 04 对象的使用
- javascript 内置对象Date总结及案例
- [OHIF-Viewers]医疗数字阅片-医学影像-Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。_.throttle(func, [wait=0], [options={}])实例解析防抖动(Debouncing)和节流阀(Throttling)
- 你必须知道的JavaScript最佳实践
- JavaScript(JS) date.setUTCDate(dayValue)
- JavaScript(JS) string.indexOf(searchValue[, fromIndex])
- JavaScript 启动性能探究
- JavaScript 中的 this !
- Simple JavaScript Inheritance--一个极简JS面向对象-类库
- JavaScript 数据结构之队栈互搏