window.onload事件处理程序 innerHTML属性

最新推荐文章于 2022-05-09 09:51:40 发布
最新推荐文章于 2022-05-09 09:51:40 发布
阅读量1.1k 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yaoguicheng/article/details/6497995
版权
Code:
  1. <html>  
  2.     <head>  
  3.         <title>HelloWord</title>  
  4.         <script type="text/javascript">  
  5.             window.onload = writeMessage;  
  6.             function writeMessage(){  
  7.                 document.getElementById("helloMessage").innerHTML   = "Hello,World!";  
  8.             }  
  9.         </script>  
  10.     </head>  
  11.     <body>  
  12.         <h1 id="helloMessage"></h1>  
  13.     </body>  
  14. </html>  

window.onload是下个事件处理程序，这一行的意思是：当窗口完成加载时，运行writeMessage函数。

innerHTML属性仅仅是获得等号右边的字符串，并将它直接放到页面中。

若改为“window.onload = writeMessage();”是不对的，这是不同的两种概念。带括号的函数意味着正在调用这个函数，而没有括号的，则是将它赋值给事件处理程序，以便在此事件发生时运行它。

yaoguicheng
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js中关于onload和innerHTML的用法
WGG1997的博客
06-17 955
一个结点对象的innerHTML指的是在这个标签中所嵌套的内容，而不仅仅是文本信息，所有嵌套的内容用“”表示
javascript 事件加载与预加载
10-29
同时，我们还可以通过`JS.onReady`来注册`onload`事件处理函数，这同样允许添加多个事件处理函数而不会覆盖。 ```javascript JS.onReady(function() { var $ = JS.$; try { alert($("test").innerHTML); } ...
JavaScript - window对象、innerHTML
duzishivip的博客
12-11 1139
window对象 所有浏览器都支持 window 对象。它代表浏览器的窗口。 所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 两个页面互动 代码 <script> function openwin(){ window.op...
innerHTML
qq_38051208的博客
08-21 2674
innerHTML 指的是标签间的所有内容。 如果在innerHTML包含标签，标签会被识别，并且会被解析，呈现对应的效果。 【例】： <div id="div1">斜体</div> <input type="button" id="btn" value="按钮" /> window.onload = function...
html window高度,HTML Window innerHeight用法及代码示例
weixin_34827430的博客
06-25 839
Window innerHeight属性用于返回窗口内容区域的高度。这是一个只读属性，返回一个数字，该数字表示浏览器窗口内容区域的高度(以像素为单位)。用法:window.innerHeight以下示例程序旨在说明Window innerheight属性：返回当前框架的高度。Window innerHeight Property in HTMLh1 {color:green;}h2 {font-f...
无法设置未定义或 null 引用的属性“innerHTML”
热门推荐
The_Best_Hacker的博客
10-09 1万+
【一】问题 首先为什么我会对存放位置是否会产生影响有这样的疑问，来源于以下代码： 代码一（&lt;script&gt;&lt;/script&gt;存放于&lt;head&gt;&lt;/head&gt;之间）： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta char
JavaScript dom0级事件.pdf
09-26
在提供的代码示例中，`window.onload`函数内包含了获取元素、绑定事件处理程序以及使用`innerHTML`的例子。 `innerHTML`属性允许我们读取或设置HTML元素内部的HTML内容。当我们设置`innerHTML`时，它会替换元素现有...
用meta实现的页面跳转代码
10-30
document.getElementById('ShowDiv').innerHTML = '将在' + num + '秒后自动跳转到 Google'; if (num == 0) { window.location = URL; } } ``` 这个例子会在页面上显示倒计时，并在倒计时结束后跳转。 总结来...
通用JS事件写法实现代码
10-30
### 通用JS事件处理方法详解 #### 一、概述 在Web开发中，JavaScript（简称JS）是实现页面交互功能的重要工具之一。其中，事件处理是JS编程中的一个核心概念，它使得用户与网页能够进行互动。本文将通过一段示例...
09JavaScript事件总结.docx
04-27
3. `addEventListener` 和 `removeEventListener` - 分别用于添加和移除事件监听器，支持多个事件处理器，且能更精确地控制事件处理。 理解并熟练运用这些JavaScript事件机制，对于创建交互丰富的网页应用程序至关...
解决window.document.body.innerHTML替换导致事件丢失问题
m0_58257035的博客
05-09 3248
关于window.document.body.innerHTML事件失效
关于js的. innerHTML赋值无效问题
a20001999的博客
10-23 5625
今天遇到了一个关于js的innerHTML赋值失败的问题，不管怎么赋值，永远都是空的，什么也得不到，也查了很多网上大家的回答，但是都解决不了，然后我单独新建了一个页面，就只写赋值，发现可以了，我又回到原来的那个页面(内容比较多)，发现又不可以，就很奇怪，后来经过我的反复测试，发现了解决方法: 只要把你要赋值的那一行放在window. onload的第一行就可以了，就像这样: window. οnlοad= function(){ var a=得到id a.innerHTML=" hello"; … }; 同
innerHtml() 与html( )的区别
MR_SNAIL的博客
04-03 2204
在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。innerHTML 是从对象的起始位置到终止位置的全部内容,包括Html标签。 一直以为innerHTML和jquery里的html()其实是完全一样的，jquery是多此一举了,然而并不是。看个示例： var tbody=d...
const print = () => { if (!baseInfo.orderCode) { message.error("打印正在准备，请5秒后再点击") return } const el = document.getElementById("print-container") const iframe = document.createElement("IFRAME") let doc = null // iframe.setAttribute('style', 'position:absolute;top:0px;left:0px;width:100%;height:100%',); document.body.appendChild(iframe) doc = iframe.contentWindow.document // 引入打印的专有CSS样式，根据实际修改 doc.write(`<LINK rel="stylesheet" type="text/css" href="./orderPrint.css">`) doc.write(el.innerHTML) doc.close() // 获取iframe的焦点，从iframe开始打印 iframe.contentWindow.focus() iframe.onload = () => { iframe.contentWindow.print() document.body.removeChild(iframe) } if (navigator.userAgent.indexOf("MSIE") > 0) { document.body.removeChild(iframe) } const old = window.document.body.innerHTML const printPart = document.getElementById("print-container") window.document.body.innerHTML = "" window.document.body.appendChild(printPart) window.print() window.document.body.innerHTML = old window.location.reload() }优化这段代码
最新发布
06-06
2. 将打印的专有CSS样式和打印的内容分开处理，以便更好地维护和修改样式。 ```javascript const print = (elId, cssUrl, printContent) => { const el = document.getElementById(elId) if (!el) { message....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值