javascript中的with语句是什么？

　　      with 语句可以方便地用来引用某个特定对象中已有的属性，但是不能用来给对象添加属性。要给对象创建新的属性，必须明确地引用该对象。  

　　

　　看起来不懂吗？

<!DOCTYPE html>

<html>

<head>

    <title>with语句</title>

</head>

<body>

<div id="div0" onclick="a = 1">div</div>

<script>

    var eDiv = document.getElementById("div0");

    eDiv.a = 0;

    //因为eDiv下没有b这个属性, 所以b的值变成了window下的属性, 这个没有问题

    with(eDiv) {

        b = 0;

    };

    var obj = {

        c : 2

    };

    //因为obj下有c属性, 当我们设置值的时候, c会变成设置obj的c属性;

    with(obj){

        console.log(c);

        c = 0;

    };

    //输出 obj =  { c : 0 }

    console.log(obj);

</script>

</body>

</html>

　　好吧, 我懂了,但是这个with有毛用呢(要特别注意with语句的花括号里面的语句跟this不一样的)?

　　

<!DOCTYPE html>

<html>

<head>

    <title>with语句</title>

</head>

<body>

<script>

    window.l = function(){console.log( arguments[0] )};

    with(location) {

        l(hostname);

        l(href)

    };

</script>

</body>

</html>

　　呵呵 ,好像就是少写几个代码的意思么么哒;

　　(少年, 你好像知道的太多了哦);

　　说这个有毛用啊, 有没有干货,你这个搞毛的干活, 浪费我的时间呢, 混蛋。

　　

<!DOCTYPE html>

<html>

<head>

    <title>with语句</title>

</head>

<body>

<input id="ipt0" value="111" onclick="console.log(value+attributes.hehe.value)" hehe="aiyobucuoo" />

<!--输出了 ==>> 111aiyobucuoo  --> 卧槽，这个是怎么回事, 没有用到this为什么可以把value直接输出出来啦;

</body>

</html>

　　js内部对写在行内的onclick处理成了

　　function(){

　　　　with(document){

　　　　　　with(this){

　　　　　　　　//代码;

　　　　　　}

　　　　}

　　}

　　情不自禁的感叹,  又长见识了

　　然后呢？

<!DOCTYPE html>

<html>

<head>

    <title>with语句</title>

</head>

<body>

<script>

    document.c = "dasb";

</script>

<form>

    <input value="1" type="text" name="xx" />

    <input value="2" type="text" name="age"/>

    <!---这里扩展了自己的作用域

        form的作用域

        以及documen的作用域

    ---->

    点击弹出clickMe12dasb

    <input type="button" value="clickMe" onclick="alert(value+age.value+xx.value+c)" />

</form>

<script>

    /*form扩展的作用域的方式可以看成是;

    with(document){

        with(this.form){

            with(this){

            }

        }

    }

    */

</script>

</body>

</html>

　　懂了没:略懂略懂....

js中的with语句的更多相关文章

  1. js中的条件语句

    //js中的条件语句 ; //example1 单分支语句 ){ console.log("你已经不年轻了!"); }else{ console.log("你依然很有活力 ...

  2. js中的循环语句

    js中的循环语句可分为三种:1.while:2.do……while:3.for. while的语法为 while (exp) {    //statements;} var a=1,b=0; whil ...

  3. JavaScript 基础——使用js的三种方式，js中的变量，js中的输出语句，js中的运算符；js中的分支结构

    JavaScript 1.是什么:基于浏览器 基于(面向)对象 事件驱动 脚本语言 2.作用:表单验证,减轻服务器压力 添加野面动画效果 动态更改页面内容 Ajax网络请求 () 3.组成部分:ECM ...

  4. 在js中插入html语句

    连上数据库之后,填充数据时往往需要在js中插入html语句 做法是: <body> <div class="modal-body" id="delete ...

  5. JS中的特有语句-for in

    <script> /* *js中特有语句for in *for(变量 in 对象)//对对象进行变量的语句 *{ *} */ var arr = [32,80,65]; for(i in ...

  6. JS中条件判断语句

    用pycharm敲代码时,在.js文件中敲,敲完之后复制代码到浏览器的console中去回车执行 1.if(  ){} 2.switch(a){} 3.for循环 循环列表 循环字典 循环字符串 另外 ...

  7. JS中的if语句内如何加or使多个条件通过

    if(a==1&&b==2){ //do something }//条件是a等于1  并且  b等于2时才能成立,两个条件必须同时满足 if(a==1||b==2){ //do som ...

  8. js中特有语句-with

    <script type="text/javascript"> /* *为了简化对象调用内容的书写. *可以用js中的特有语句with来完成. *格式 *with{ * ...

  9. JS中 计算器的简单制作

    今天学习的是JS中的if语句,除此之外老师还教给我们switch语句的用法, 我们用来写了简单计算器的算法,如下: <script> var a=prompt("请输入一个数字& ...

随机推荐

  1. 【SQL 代码】Sql分页（自用）

    效果图: 下面是存储过程的创建,用的时候调用就行了 /****** Object: StoredProcedure [dbo].[spSqlPageByRownumber] Script Date: ...

  2. 边工作边刷题：70天一遍leetcode: day 85-3

    Zigzag Iterator 要点: 实际不是zigzag而是纵向访问 这题可以扩展到k个list,也可以扩展到只给iterator而不给list.结构上没什么区别,iterator的hasNext ...

  3. 《至少有那天》——IU

    //<你的意义>中文版 那天冷的让人好想哭 可是我那一天看到了爱情 湖边的薄冰和老树 就在零下七度那一天 你和我牵手 慢慢聊着以前那些童话 可能它们都有些意义吧 是吗 一个吻 一滴眼泪 一 ...

  4. java13-5 JDK1.5以后的一个新特性和Integer的面试题

    1.JDK5的新特性 自动装箱:把基本类型转换为包装类类型 自动拆箱:把包装类类型转换为基本类型 注意一个小问题: 在使用时,Integer x = null;代码就会出现NullPointerExc ...

  5. EventBus (四) Sticky事件

    什么是Sticky事件? 关于Sticky事件有的同学可能不是很熟悉,Sticky的意思是粘性的.在Android开 发中,Sticky事件只指事件消费者在事件发布之后才注册的也能接收到该事件的特殊类 ...

  6. MVC3 使用 FusionCharts 做报表

    环境 VS2010+SQL2008 +MVC3 报表思路 1.新建报表需要的数据表,FusionCharts将直接获取数据表的数据进行展示 2.使用SQL代理,通过存储过程定时生成数据表的数据,只添加 ...

  7. Sublime Text 3 文本编辑器

    1.安装下载 下载地址:http://www.cr173.com/soft/121149.html http://www.xiazaiba.com/html/24343.html 官网 http:// ...

  8. 继续Wcf记录点滴

    之前说wcf以tcp协议作为通信方式的话会出现很多奇怪的bug,今天我把自己遇到的比较特殊的一个exception和解决方案列出来.主要是自己记录一下,顺便方便遇到这个问题的有缘人吧!废话不多说直接上 ...

  9. CAS 单点登录流程

    经验:在网上学东西不要指望一篇文章就能让你明白——我在网上学CAS流程,看了五六篇博文,其中三篇是觉得作者表达能力不行,或者作者自己就没明白怎么回事就出来写东西,看到一半就跳过了,剩下两篇每篇看了两遍 ...

  10. m3u8字段意义解析

    m3u8字段意义解析 HLS,Http Live Streaming是由Apple公司定义的用于实时流传输的协议,HLS基于HTTP协议实现,传输内容包括两部分,一是M3U8描述文件,二是TS媒体文件 ...