javaScript输出
2015-11-17 11:21
555 查看
(1)输出到控制台
可以使用console.log()
(2)操作HTML
获取元素之后,可以通过innerHTML来获得或插入元素属性
(3)写到HTML
可以通过document.write()直接在HTML中
可以使用console.log()
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>通过F12启动的调试模式,能够在console下看到
(2)操作HTML
获取元素之后,可以通过innerHTML来获得或插入元素属性
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p id="demo">我的第一个段落</p> <script> document.getElementById("demo").innerHTML = "段落已修改。"; </script> </body> </html>innerHTML也就是说获得的标签中间的内容,上面例子中就是“我的第一个段落”这几个字
(3)写到HTML
可以通过document.write()直接在HTML中
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <script> document.write(Date()); </script> </body> </html>如上写法就是说,HTML加载的时候写入。如果写入响应方法中,那么就是HTML加载完毕再写,这时就会覆盖整个HTML文档
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <button onclick="myFunction()">点我</button> <script> function myFunction() { document.write(Date()); } </script> </body> </html>
相关文章推荐
- javascript_DOM 编程艺术学习笔记(一)
- JSONP 的解释,有种豁然开朗的感觉
- js传真实地址 C:\fakepath
- Extjs 表格横坐标显示问题
- JavaScript获取标签
- JS中setTimeout()与clearTimeout()函数的用法
- js获取项目根路径
- js Array对象的相关方法(数组拼接、插入、移除等2。)
- js获取上传文件的绝对路径
- javaScript用法
- js里面的循环,必学知识点
- Titanium之module发送数据到js
- ExtJs教程 3.0
- Json转换为对象
- json在传输数据时会自动把0给忽略掉
- js 时间加减
- JavaScript设置、获取、清除单值和多值cookie的方法
- net.sf.json.JSONException: Expected a ',' or '}' at character 65 of {"totalCount":343,"data":
- 每天一篇javascript学习小结(RegExp对象)
- jstree学习使用构建树