JavaScript004，输出
2024-09-05 04:24:31
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript输出</title>
</head>
<body>
<h3>1.window.alert() 弹出警告框。</h3>
<p style="cursor: pointer;color: red;" onclick="outPut1()">点我</p>
<!-- onclick="outPut1()"鼠标点击就执行outPut1()函数 --> <script type="text/javascript">
function outPut1(){
window.alert("AWSL！");/* 弹窗内容 */
/* alert("AWSL！")，效果是一样的； */
}
</script> <p>--------------------------------</p> <h3>2.document.write() 将内容写到 HTML 文档中。</h3> <script type="text/javascript">
document.write("<p>我是写入内容！</p>");/* 输出内容 */
/* 这里不用加函数，003一文中说过，如果写在函数中，当函数被调用时，会覆盖整个文档； */
</script> <p>--------------------------------</p> <h3>3.innerHTML 写入到 HTML 元素。</h3>
<p id="demo1" onclick="outPut3()" style="color: red;cursor: pointer;">点我</p> <script type="text/javascript">
function outPut3(){
var x = document.getElementById('demo1');
x.innerHTML='我是通过innerHTML写入的内容！';
}
/*
document.getElementById('demo1').innerHTML='我是通过innerHTML写入的内容！';
可以不用函数直接输出，这样就没有鼠标点击触发的效果；
*/
</script> <p>--------------------------------</p> <h3>4.console.log() 写入到浏览器的控制台。</h3>
<p>浏览器中(Chrome,IE,UC)使用 F12 或 网页 右键>检查 来启用调试模式，
在调试窗口中点击 "Console" 菜单。</p>
<p onclick="outPut4()" style="color: red;cursor: pointer;">点我</p> <script type="text/javascript">
function outPut4(){
console.log('测试控制台输出内容！');
}
/*
console.log('测试控制台输出内容！');
同上，可以不用函数直接输出；
*/
</script>
</body>
</html>
最新文章
- ANGULAR $HTTP请求【转】
- SqlCommand执行带GO的SQL脚本文件
- ENGINE=InnoDB
- VS项目如何运用svn的忽略列表
- 【一起学OpenFOAM】04 OpenFOAM的学习资源
- Android Camera 预览图像被拉伸变形的解决方法【转】
- [JavaScript] js 迅雷评分效果
- python ATM购物程序
- appium 并发测试
- IE 中创建 子窗口 传值 与接收值 【window.showModalDialog】
- 在android画面切换时设置跟随变动的小圆圈
- ubuntu-10.04的测试环境 安装测试 Coreseek开源中文检索引擎-Sphinx中文版
- Mac maven环境变量配置
- mysql安装前的系统准备工作（转）
- sublime 集成git插件，及git常用命令
- 2018-2019-2 20175328李欣颖实验二《Java面向对象程序设计》实验报告
- tomcat简介与配置
- 关于RNA-Seq数据去接头(Adapter)这事需要讲一讲
- soapUI 再谈SoapUI接口测试--文件组织与接口“布局”管理
- 重新生成RF的测试库API文档