您身边的网站建设专家
日期： 2022-09-21 03:41:22 浏览数：6
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
嘉鱼网站建设_企业网站制作公司_高端网站设计开发-嘉鱼上往
_log.call(console, '%c' + arguments[0], "text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);font-size:5em")
} else {
_log.call(console, ...arguments)
}
}
})()
代码的意思是如果 console 只有一个参数，并且不是函数或者对象就用我们定义的样式，否则用 console 的默认输入。然后用油猴之类的插件在页面加载时就加载这个函数，就可以告别原来无聊的调试了，当然你也可以写一个样式库，写一个随机函数，这样每次 console 都会有惊喜了。
jingks
jingks
249***9451@qq.com
4年前 (2018-09-24)
思幼安
132***7010@qq.com
参考地址
58
解决文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖的问题
<button onclick="winTest()">按钮</button>
function winTest()
{
var txt1 = "This is a new window.";
var txt2 = "This is a test.";
document.open("text/html","replace");//加上
document.writeln(txt1);
document.write(txt2);
document.close();//加上
}
尝试一下 »
点击 "按钮" 后页面显示结果：
This is a new window. This is a test.
注：该方法将关闭 open() 方法打开的文档流，并强制地显示出所有缓存的输出内容。如果您使用 write() 方法动态地输出一个文档，必须记住当你这么做的时候要调用 close() 方法，以确保所有文档内容都能显示。document.write() 不会隐式调用 document.close() 方法的，否则例 2 中将不会有 This is a new window. 内容了
一旦调用了close()，就不应该再次调用 write()，因为这会隐式地调用 open() 来擦除当前文档并开始一个新的文档。
在载入页面后，浏览器输出流自动关闭。在此之后，比如延迟脚本 [setTimeout()] 或是 onload 执行的方法，任何一个对当前页面进行操作的 document.write()方法将打开—个新的输出流，它将清除当前页面内容(包括源文档的任何变量或值)。
思幼安
思幼安
132***7010@qq.com
参考地址
4年前 (2018-10-28)
陈飘
116***5073@qq.com
54
document.getElementByle() 和 document.write() 的区别
document.write() 方法可以用在两个方面：
1、 页面载入过程中用实时脚本创建页面内容，用来追加一些标签。
2、清除当前页面内容(包括源文档的任何变量或值)。重新生成内容。
它的第 2 点和 document.getElementByle() 相区别。前者在清除全部页面内容，然后生成新的内容，即“覆盖文档"。
<script>
function myFunction()
{
document.write("糟糕，文档丢失了")
}
</script>
<button type="bulbon" onclick="myFunction()">覆盖文档</button>
点击按钮，括号里的内容则会全部覆盖文档。
后者：
<script>
document.getElementById("three").innerHTML="段落已修改。";
</script>
这个仅仅只是替换了 id 为 three 里的内容，没有覆盖页面。
陈飘
陈飘
116***5073@qq.com
3年前 (2019-03-16)
嘉鱼网站建设_企业网站制作公司_高端网站设计开发-嘉鱼上往
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
外部脚本不能包含 <script> 标签。
输出数据
window.alert() 弹出警告框。
document.write() 方法将内容写到 HTML 文档中。
innerHTML 写入到 HTML 元素。
console.log() 写入到浏览器的控制台。
输出内容
使用 document.write() 向文档输出写内容。
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖
写到控制台(调试模式)
使用 console.log() 方法在浏览器中显示 JavaScript 值。
F12 启用调试模式， 在调试窗口中点击 "Console" 菜单。
大神
222***8080@qq.com
时妖
129***0814@qq.com
window.alert 的补充:
window.alert(5+6) 与 window.alert("5+6") 输出的值是不一样的。window.alert(5+6) 会输出 11，而window.alert("5+6") 会输出 5+6。这是因为当用引号时会认为引号中是字符串，从而直接将引号中的内容打印出来。
尝试一下 »
时妖
129***0814@qq.com
jingks
249***9451@qq.com
美化 console.log
console.log 可以添加显示样式 eg:
console.log('%cfuck', 'font-size:20px')我们用 IIFE 封装下:
(function() { var _log = console.log; console.log = function() { if (typeof(arguments[0]) != 'object' && typeof(arguments[0]) != 'function' && arguments.length == 1) { _log.call(console, '%c' + arguments[0], "text-shadow: 0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);font-size:5em") } else { _log.call(console, ...arguments) } }})()代码的意思是如果 console 只有一个参数，并且不是函数或者对象就用我们定义的样式，否则用 console 的默认输入。然后用油猴之类的插件在页面加载时就加载这个函数，就可以告别原来无聊的调试了，当然你也可以写一个样式库，写一个随机函数，这样每次 console 都会有惊喜了。
jingks
249***9451@qq.com