javascript中的with()方法

2023-11-14

with()方法
with方法用于多次使用对象属性时,可简化多次编写同一对象的工作;
例:
//js代码
var aa = document.createElement('div');//创建一个div赋给aa;
with(aa){
style.width = '400px';
style.background = 'red';
innerHTML = 'hahaha';
}
document.body.appendChild(aa);


上述代码相当于:
var aa = document.createElement('div');//创建一个div赋给aa;


aa.style.width = '400px';
aa.style.background = 'red';
aa.innerHTML = 'hahaha';


document.body.appendChild(aa);


with()副作用:难以优化,比没用with()的代码运算更慢,可能造成变量泄漏;

变量泄漏可见http://blog.csdn.net/lyxuefeng/article/details/78676822

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

javascript中的with()方法 的相关文章

随机推荐

  • TX 和RX 代表什么

    tx是发送 transport rx是接收 receive 光纤中是成对出现的 收发是1对 收发必须同时 只收不发 只发不收都是有问题的
  • pg_dump 逻辑备份

    pg dump逻辑备份 1 单独备份表 schema database 2 除了备份为SQL文本格式 也支持压缩格式或 TAR包格式 3 导出的文件在客户端本地 导出在SERVER端 pg dump dbname gt tmp dbname
  • 什么是Java注解,如何创建和使用注解?

    首先 我们来解释一下什么是Java注解 简单来说 Java注解就是给代码加上一些注释 但是这些注释不是给编译器看的 而是给Java虚拟机 JVM 看的 这些注解可以让我们在运行时获取一些信息 或者对代码进行一些特殊的处理 那么 我们如何创建
  • ajax传值 vue_vue2.0 axios post请求传参问题(ajax请求)

    最近需要做一个项目用vue 由于之前没接触过所以也想挑战下 我不会撘项目 果断选择网上现成搭好的项目 最后我们选择了vue element admin网上项目地址放这里 axios post请求问题 项目中用的ajax请求是 axios 废
  • Qt Creater快速定义函数的快捷键

    1 简介 在Qt creator中编写函数的时候 在头文件编写了函数 需要在相应的cpp文件中编写对应的函数定义实现 如果每次都需要手动的敲击全部的代码 这会非常的耗时耗力 显得很方便 这时候就需要巧妙的利用好Qt creator这款IDE
  • DOS 常用批处理命令

    一 call 功能 在批处理中调用别的批处理或者可运行程序 命令格式 CALL 驱动盘符 路径 文件名 参数 示例 call ex bat echo off call E RDA 8955 CSDTK4 CSDTKvars bat set
  • 苍蓝誓约服务器维护什么时候结束,《苍蓝誓约》2月13日09:00停服维护公告

    原标题 苍蓝誓约 2月13日09 00停服维护公告 尊敬的指挥官您好 我们计划将于2月13日09 00 2月13日11 00对作战海域进行停服维护 届时各位指挥官将无法进入游戏 停服时间会根据维护情况提前或顺延 维护结束后 各位指挥官将会收
  • win7 扩展双屏后 双屏同时显示任务栏

    扩展屏幕下都显示任务栏 第一步 Dual Monitor Taskbar 下载 下载链接 链接 http pan baidu com s 1pKxYUFL 密码 gu5c 第二步 安装完在扩展屏幕上便会出现任务栏 第三步 在扩展屏下任务栏中
  • 阅读有感——Verilog对数据进行四舍五入(round)与饱和(saturation)截位

    思考1 FPGA中只能定义定点数吗 首先 我没有搞清楚定点数与浮点数的定义 定点数就是小数位固定不变的数叫做定点数 也就是小数点是定在某个位置不变的数 结论 FPGA中的信号可以是定点型也可以是浮点型 这只是一种数据表示形式 各有优缺点 1
  • 【c++】vector的使用与实现

    目录 1 vector的介绍 2 vector的使用 2 1 vector 的构造 2 2 vector迭代器的使用 2 3 vector 空间方面的函数 2 4 vector 增删查改 2 5 vector 迭代器失效问题 3 vecto
  • Android开发—浅谈人脸检测的简易实现,成功定级腾讯T3-2

    findFaces 方法 Canvas类绘制人脸矩形区域 完整代码 最终效果图 结语 Android中的人脸检测 计算机视觉开发在近些年来越发火热 而关于人脸检测或识别等相应功能也成为了大家津津乐道的话题 在智能手机端领域中 人脸识别被广泛
  • Android混合使用service小技巧

    预备知识 Android四大组件之service 一 我想月薪过万的博客 CSDN博客https blog csdn net qq 41885673 article details 120816678 spm 1001 2014 3001
  • curl(文件传输工具)安装和基础使用

    cURL是一个利用URL语法在命令行下工作的文件传输工具 1997年首次发行 它支持文件上传和下载 所以是综合传输工具 但按传统 习惯称cURL为下载工具 cURL还包含了用于程序开发的libcurl ubuntu下的安装 安装curl 1
  • Android:线性布局介绍,线性布局weight属性,线性布局微调参数gravity,线性布局divider

    LinearLayout 线性布局 一 线性布局介绍 新建一个工程 然后我们默认的布局 是相对布局 相对布局的意思是我的控件可以在里面随意放置 那如果把这个RelativeLayout 改了呢 不用这相对布局 而是用线性布局 我们把代码都删
  • MySQL自治平台建设的内核原理及实践(下)

    本文整理自美团技术沙龙第75期的主题分享 美团数据库攻防演练建设实践 系超大规模数据库集群保稳系列 内含4个议题的PPT及视频 的第4篇文章 本文作者在演讲后根据同学们的反馈 补充了很多技术细节 跟演讲 视频 相比 内容更加丰富 文章分成上
  • JavaWeb—Request请求对象

    目录 一 概述 二 Request对象 2 1 Request继承体系 小结 2 2 Request获取请求数据 2 2 1 获取请求行数据 2 2 2 获取请求头数据 2 2 3 获取请求体数据 小结 2 2 4 获取请求参数的通用方式
  • 海康—SADP激活(设备网络搜索)

    海康sadp搜索工具 SADPTool 用于从网络上搜索同一网段内的所有在线设备 可以修改设备的缺省密码 修改网络IP地址及端口号 子网掩码及网关地址 IPV6地址网关地址 HTTP端口号和设备序列号 运行双击打开图标 转载于 https
  • Spring Boot 集成 Hive

    一 环境 二 依赖 三 配置 四 代码样例 五 参考 一 环境 Lombok JDK 1 8 0 281 MyBatis Plus 3 4 3 Spring Boot v2 3 7 RELEASE 二 依赖 其他依赖视个人情况添加
  • 算法系列--排序算法(四)快速排序

    快速排序是通过两个指针相互交换完成一次快速排序 类似于递归的二分排序 从交换上来讲比较像冒泡 为什么这么说呢 不管是插入还是直接 都需要在移动之前遍历元素 冒泡直接比较交换 上面的可能有点抽象 我是不太想抄一个百度定义去解释 可能对算法理解
  • javascript中的with()方法

    with 方法 with方法用于多次使用对象属性时 可简化多次编写同一对象的工作 例 js代码 var aa document createElement div 创建一个div赋给aa with aa style width 400px