console.log的一个应用 -----用new方法生成一个img对象和document.createElement方法创建一个img对象的区别

【console.log的一个应用 -----用new方法生成一个img对象和document.createElement方法创建一个img对象的区别】的更多相关文章

console.log的一个应用 -----用new方法生成一个img对象和document.createElement方法创建一个img对象的区别

我用两种方法来生成img对象,第一种方法是用new方法,第二种方法是用document.createElement方法. var img1 = new Image(); var img2 = document.createElement('img'); var img1 = new Image(); var img2 = document.createElement('img'); 其实,乍一看,感觉有些不同,但是具体什么不同,一下子也说不上来. 在console窗口,比较看看,都是生成img对…

JavaScript 覆盖document.createElement 方法解决window.close在火狐下不兼容问题）

近期项目遇到了问题,有个asp.net web程序仅仅能在IE7 执行.如今xp都淘汰了,大家都用IE8-IE11,因此这个web app也须要升级适应全部IE版本号.照成IE版本号不兼容的问题主要来致document.createElement方法的调用,如: function addStyleNo(value, cannotDel) { if (!value) { value = ''; } var tb = $('tbodyStyle'); …

JavaScript 覆盖document.createElement 方法

最近项目遇到了问题,有个asp.net web程序只能在IE7 运行,现在xp都淘汰了,大家都用IE8-IE11,因此这个web app也需要升级适应所有IE版本.照成IE版本不兼容的问题主要来致document.createElement方法的调用,如: function addStyleNo(value, cannotDel) { if (!value) { value = ''; } var tb = $('tbodyStyle'); var tr…

document.createElement方法的使用

我们在使用createElemen方法t创建一个元素节点的时候,似乎在IE下面怎么写都可以,但切换到FF等其它浏览器却总是会报错. 比如我们要创建一个input元素,那么在IE下,我们可以有多种写法: 要测试某种情况,请将其它情况注释: <script type="text/javascript">//第一种,连同属性一起被创建var x = document.createElement("<input type='text' size='30' />…

document.createElement()方法

document.createElement()是在对象中创建一个对象,主要和appendChild() 方法或者insertBefore() 方法联合使用. appendChild() 方法在节点的子节点列表末添加新的子节点.insertBefore() 方法在节点的子节点列表任意位置插入新的节点.…

JavaScript原型链中toString()方法输出alert()和console.log()得到不同的结果

再也不用担心ie下console.log报错了。。。

习惯了在ff或者chrome下暴力调试的你会不会忘记注释掉而在ie下报错呢,那么可以加这个代码: if (typeof console == "undefined") { this.console = { log: function (msg) { alert(msg); } }; } 很简单的小技巧,要是不支持该对象的时候就自己创建一个console对象,加上log方法也要有,不过里面是个alert而已. 不过仅仅限于暴力调试,正式发布的项目下避免这些调试信息! 小技巧,很实用!…

还是只使用console.log()进行调试？好吧，其实还有更多。

在浏览器控制台中打印消息无疑可以拯救所有开发人员. console.log()消息就像您的大多数疾病的药,同时调试了代码中的一些有线问题. 那里的大多数开发人员都喜欢— 让我们在浏览器中打印消息以了解有关此问题的更多信息.我敢肯定我不是唯一一个这样做的人.…

简述alert和console.log的区别

生活中还是得有发现美好和差别的眼睛~~ 学习前端那么久既然还不知道alert和console.log的差别~~~~ 蓝瘦,香菇~~~ 本菜鸟一直以为alert和console.log其实是一样的用法,只是alert以弹出框形式呈现,而console.log在控制台输出而已. 知道昨天输出一段代码,结果发现alert和console.log输出结果不一样~~~~~本宝宝可算涨见识了~~~ 然后就是各种查阅资料,百度查看,终于发现点眉目啦~~~~~ 我写了这样一段代码 : alert输出的结果为:…

alert与console.log

1.alert在页面中弹出 console.log是在控制台显示例子 var aa="Silence"; alert(typeof(aa)); console.log(typeof(aa)); alert显示 console.log在控制台显示 2.alert()函数会阻断JavaScript程序的执行,从而造成副作用:而console.log()仅在控制台中打印相关信息,因此不会造成类似的顾虑 3.JavaScript原型链中toString()方法输出alert()和consol…

简介alert()与console.log()的不同

简单的说alert 是弹出提示而console.log是在调试工具里打日志,下面具体给大家列出alert()与console.log()的不同点, [1]alert() [1.1]有阻塞作用,不点击确定,后续代码无法继续执行 [1.2]alert()只能输出string,如果alert输出的是对象会自动调用toString()方法 e.g. alert([1,2,3]);//'1,2,3' [1.3]alert不支持多个参数的写法,只能输出第一个值 e.g. alert(1,2,3);//1 […

node端console.log输出不同颜色文字

我们知道console.log直接输出是按着终端的默认颜色来显示的, console.log('message') 那么如何指定他们的颜色显示呢?很简单,直接再加一个参数就可以了,例如: console.log('\x1b[91m','message') 这样显示出来的就是红色了.不过这个\x1b[91m是什么东西呢?这实际是一个ANSI escape code,这个码分为3/4 bit.8-bit.24-bit,以下就是3/4 bit的部分code与颜色的对应关系: 我们按着这个表就可以获得自…

webpack打包时删除console.log，和debugger

开发过程中我们不可避免的需要console.log调试,然而在上线时如果不删除这些console.log可能会造成内存泄漏,因为console.log出来的变量是不会被GC的,webpack给我们提供了一个非常棒的插件,看代码: new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false } }, sourceMap: config.build.productionSourceMap, parallel: true })…

[转] console.log的高级用法

//基本用法 console.log('最常见用法\n换行'); console.error('输出错误信息会以红色显示'); console.warn('打印警告信息会以黄色显示'); console.info('打印一般信息'); console.clear();//清空上面的console显示 //进阶用法 console.assert(false,'判断为false才显示的信息');//console.assert(bool,”info”) 如果bool为false 打印出inf…

console.log的高级用法

//基本用法 console.log('最常见用法\n换行'); console.error('输出错误信息会以红色显示'); console.warn('打印警告信息会以黄色显示'); console.info('打印一般信息'); console.clear();//清空上面的console显示 //进阶用法 console.assert(false,'判断为false才显示的信息');//console.assert(bool,”info”) 如果bool为false 打印出inf…

HTML DOM对象的属性和方法

HTML DOM对象的属性和方法 HTML DOM 对象有几种类型: 1.Document 类型在浏览器中,Document 对象表示整个 HTML 文档. 1.1属性引用文档的子节点 documentElement var html = document.documentElement; //取得对<html>元素的引用 body var body = document.body; //取得对<body>元素的引用获取文档信息 title 通过 title 属性可以访问当前…

（微信小程序）二：创建一个页面

首先先看一下pages的目录结构吧. 我创建了一个topics页面.3个文件全创建好了之后我往topics.js添加数据 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 /* ---topics.js----*/ Page({ data:{ topics: [ {title:"初始angular"}, {title:"初始ionic"}, {title:"初始we…

（微信小程序）二：创建一个页面。

首先先看一下pages的目录结构吧. 我创建了一个topics页面.3个文件全创建好了之后我往topics.js添加数据 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 /* ---topics.js----*/ Page({ data:{ topics: [ {title:"初始angular"}, {title:"初始ionic"}, {title:"初始we…

如何创建一个基本JQuery的插件

如何创建一个基本的插件有时您希望在整个代码中提供一些功能.例如,也许你想要一个单一的方法,你可以调用一个jQuery选择,对选择执行一系列的操作.在这种情况下,您可能需要编写一个插件. 链接jQuery如何工作101:jQuery对象方法在我们编写自己的插件之前,首先要了解一下jQuery如何工作.看看这段代码: 1 $( "a" ).css( "color", "red" ); 这是一些很基础的jQuery代码,但你知道幕后发生了什么吗?无…

HTML DOM对象的属性和方法介绍(原生JS方法)

HTML DOM对象的属性和方法介绍 DOM 是 Document Object Model(文档对象模型)的缩写. DOM(文档对象模型)是针对HTML和XML文档的一个API(应用程序编程接口),它允许程序和脚本动态地访问和更新文档的内容,结构和样式. W3C DOM 标准被分为 3 个不同的部分: 核心 DOM - 针对任何结构化文档的标准模型 XML DOM - 针对 XML 文档的标准模型 HTML DOM - 针对 HTML 文档的标准模型 HTML DOM 定义了所有 HTML 元…

HTML中DOM对象的属性和方法的层级关系是怎样的？（目录即层次）

HTML中DOM对象的属性和方法的层级关系是怎样的?(目录即层次) 一.总结一句话总结:目录就是测试题 1.document取得元素(get element)的方式有哪几种? 解答:四种,分别是id,name,calss,tagName.getElementById,getElementsByName,getElementsByClassName,getElementsByTagName. 2.js中的方法用的是什么命名法(便于如何写函数名)? 解答:驼峰命名法,getElementById,…

javascript创建一个基于数组的栈结构

栈是一种遵从后进先出(LIFO)原则的有序集合.新添加或待删除的元素都保存在栈的同一端,称作栈顶,另一端就叫栈底.在栈里,新元素都靠近栈顶,旧元素都接近栈底. 栈拥有以下方法: push(element): 元素入栈, 添加一个或多个新元素到栈顶 pop(): 元素出栈,移除栈顶的元素,同时返回被移除的元素 peek(): 返回栈顶的元素,不对站内元素做任何修改 isEmpty(): 判断栈是否为空,如果栈内没有任何元素就返回true,否则返回false clear(): 移除栈内的所有元素…

ES6数组及对象遍历的新增方法 entries()，keys() 和 values()

ES6 提供三个新的方法——entries(),keys()和values()——用于遍历数组.它们都返回一个遍历器对象(详见<Iterator>一章),可以用for...of循环进行遍历,唯一的区别是keys()是对键名的遍历.values()是对键值的遍历,entries()是对键值对的遍历. for (let index of ['a', 'b'].keys()) { console.log(index); } // for (let elem of ['a', 'b'].values(…

vue-cli安装以及创建一个简单的项目(二)(vuex使用、发行一个简单的app)

1.vuex的使用 vuex是vue的状态管理中心,vuex来保存我们需要管理的状态值,值一旦被修改,所有引用该值的地方就会自动更新,常用于: 1.多个视图依赖同一状态(l例:菜单导航) 2.来自不同视图的行为需要变更同一状态(例如评论弹幕) 上篇创建的vue项目目录结构: 在上一节我们已经安装了vuex模块.查看store/index.js内容,如下: import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export d…

javascript的对象、类和方法

1.类和对象的概念: 1.所有的事物都是一个对象,而类就是具有相同属性和行为方法的事物的集合 2.在JavaScript中建立对象的目的就是将所有的具有相同属性的行为的代码整合到一起,方便使用者的管理 3.类是具有相同特征和方法(行为)的事物的抽象,其中可以理解为:对象是类的实例,类是对象的实例 2.如何新建一个对象: var str = "123" ; // string字符串 var str2 = new String("123"); // object对象 3…

AngularJS的核心对象angular上的方法全面解析(AngularJS全局API)

总结一下AngularJS的核心对象angular上的方法,也帮助自己学习一下平时工作中没怎么用到的方法,看能不能提高开发效率.我当前使用的Angularjs版本是1.5.5也是目前最新的稳定版本,不过在全局API上,版本不同也没什么区别. AngularJS 全局 API列表 element bootstrap copy extend merge equals forEach noop bind toJson fromJson identity isUndefined isDefined is…