javascript几种打印输出方式

JavaScript:直接写入 HTML 输出流  document.write()

<p>

JavaScript 能够直接写入 HTML 输出流中:

</p>

<script>

document.write("<h1>这是一个标题</h1>");

document.write("<p>www.gzsmbj.com</p>");

</script>

<p>

您只能在 HTML 输出流中使用 <strong>document.write</strong>。

如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。

</p>

JavaScript:对事件的反应 弹窗

<h1>我的第一个 JavaScript</h1>

<p>

JavaScript 能够对事件作出反应。比如对按钮的点击:

</p>

<button type="button" onclick="alert('欢迎!')">点我!</button>

JavaScript:改变 HTML 内容  innerhtml   text

 

JavaScript:改变 HTML 样式

 

<h1>我的第一段 JavaScript</h1>

<p id="demo">

JavaScript 能改变 HTML 元素的样式。

</p>

<script>

function myFunction()

{

x=document.getElementById("demo") // 找到元素

x.style.color="#ff0000";          // 改变样式

}

</script>

<button type="button" onclick="myFunction()">点击这里</button>

JavaScript:直接写入 HTML 输出流

posted @   学无边涯  阅读(1529)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
历史上的今天:
2021-07-03 php 订单号生成方法
2021-07-03 php 24小时订单未支付删除订单功能案例
2021-07-03 PHP 生成随机数 mt_rand() 函数
点击右上角即可分享
微信分享提示