内容导读： 有了 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
JavaScript中With 语句使用方法实例
2011-12-29
913
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
内容导读： 有了 With 语句，在存取对象属性和方法时就不用重复指定参考对象，在 With 语句块中，凡是 JavaScript 不识别的属性和方法都和该语句块指定的对象有关。With 语句的语法格式如下所示： With Object { Statements } 对象指明了当语句组中对象缺省时的参考对象，这里我们用较为熟悉的 Document 对象对 With 语句举例。
目录
相关文章
|
1月前
|
JavaScript
前端开发
【Azure Developer】在使用Azure Bot Service JavaScript的实例代码遇见Cannot find module 'node:crypto'
Error: Cannot find module 'node:crypto'
53
6
6
|
1月前
|
存储
JavaScript
前端开发
decimal.js库的安装和使用方法
【10月更文挑战第24天】decimal.js 是一个非常实用的高精度计算库，通过合理的安装和使用，可以在 JavaScript 中实现精确的数值计算和处理。你可以根据具体的需求和项目情况，灵活运用该库来解决数字精度丢失的问题。
184
1
1
|
2月前
|
前端开发
JavaScript
|
2月前
|
缓存
JavaScript
前端开发
|
2月前
|
JavaScript
前端开发
容器
|
7月前
|
数据可视化
JavaScript
架构师
D3.js实战：数据可视化高级技巧实例应用
本文介绍了D3.js入门，包括创建HTML文件引入库、绘制简单线图、柱状图和饼图。示例展示了数据绑定、交互性和动画效果，如柱状图的悬停效果和线图的数据平滑过渡。此外，还提及力导向图和地图可视化的实现，以及使用Enter, Update, Exit模式进行动态更新。最后提到了复杂图表和高级技巧，如使用组件库、动画、交互性和性能优化。
150
0
0
|
4月前
|
JavaScript
前端开发
|
4月前
|
JavaScript
|
4月前
|
JavaScript
前端开发
容器
|
5月前
|
前端开发
JavaScript
定位技术
JavaScript 等待异步请求数据返回值后，继续执行代码 —— async await Promise的使用方法
JavaScript 等待异步请求数据返回值后，继续执行代码 —— async await Promise的使用方法
73
1
1
热门文章
最新文章
1
Node.js 中流操作实践
2
《JavaScript框架设计》——1.4 类型的判定
3
JavaScript FAQ（六）——字符串
4
.ts 文件编译成 .js 文件，以及 VSCode 自动编译配置
5
JavaScript右下角信息提示插件Notyf
6
【温故而知新-Javascript】使用Web存储
7
测试驱动javascript开发 -- 3.测试驱动开发过程（上）
8
前端 时间个性化 插件 jquery.timeago.js
9
第14章 使用Kotlin开发JavaScript代码 《Kotin 编程思想·实战》
10
Nightwatch.js – 轻松实现浏览器的自动测试
1
JavaScript闭包允许内部函数访问并保留外部函数的变量，即使外部函数执行结束
54
2
js设计模式-观察者模式与发布/订阅模式
69
3
js设计模式-策略模式与代理模式的应用
71
4
深入理解JavaScript中的闭包机制
60
5
使用Vue.js构建交互式前端的技术探索
87
6
使用Node.js构建实时聊天应用的技术指南
128
7
深入理解JavaScript中的事件循环机制
88
8
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
119
9
JavaScript 数组方法概览
38
10
在JavaScript中，函数原型（Function Prototype）是一个特殊的对象
66