JavaScript基本的输出和嵌入式写法教程


Posted in Javascript onOctober 20, 2015

JavaScript 没有任何打印或者输出的函数。
在 HTML 中, JavaScript 通常用于操作 HTML 元素。
操作 HTML 元素
如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。
请使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容:
实例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p id="demo">我的第一个段落</p>

<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>

</body>
</html>

以上 JavaScript 语句(在 <script> 标签中)可以在 web 浏览器中执行:

  • document.getElementById("demo") 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
  • innerHTML = "Paragraph changed." 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

写到 HTML 文档
出于测试目的,您可以将JavaScript直接写在HTML 文档中:
实例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<script>
document.write(Date());
</script>

</body>
</html>

请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
实例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<p>我的第一个段落。</p>

<button onclick="myFunction()">点我</button>

<script>
function myFunction() {
document.write(Date());
}
</script>

</body>
</html>

写到控制台
如果您的浏览器支持调试,你可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。
实例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个 Web 页面</h1>

<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>

</body>
</html>
Javascript 相关文章推荐
jQuery的实现原理的模拟代码 -3 事件处理
Aug 03 Javascript
深入理解javascript学习笔记(一) 编写高质量代码
Aug 09 Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
Apr 02 Javascript
利用js正则表达式验证手机号,email地址,邮政编码
Jan 23 Javascript
jquery操作checkbox示例分享
Jul 21 Javascript
JavaScript使用replace函数替换字符串的方法
Apr 06 Javascript
D3.js实现饼状图的方法详解
Sep 21 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
Oct 18 Javascript
jquery实现联想词搜索框和搜索结果分页的示例
Oct 10 jQuery
微信小程序防止多次点击跳转(函数节流)
Sep 19 Javascript
Vue如何获取数据列表展示
Dec 11 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
Mar 14 Javascript
javascript省市级联功能实现方法实例详解
Oct 20 #Javascript
基于JavaScript实现移动端TAB触屏切换效果
Oct 20 #Javascript
js点击文本框后才加载验证码实例代码
Oct 20 #Javascript
javascript实现状态栏中文字动态显示的方法
Oct 20 #Javascript
基于jQuery实现的扇形定时器附源码下载
Oct 20 #Javascript
JS实现仿Windows经典风格的选项卡Tab切换代码
Oct 20 #Javascript
JavaScript实现的简单烟花特效代码
Oct 20 #Javascript
You might like
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
php实现贪吃蛇小游戏
2016/07/26 PHP
PHP实现二叉树深度优先遍历(前序、中序、后序)和广度优先遍历(层次)实例详解
2018/04/20 PHP
PDO::setAttribute讲解
2019/01/29 PHP
JavaScript中用sort()方法对数组元素进行排序的操作
2015/06/09 Javascript
JavaScript中的toLocaleDateString()方法使用简介
2015/06/12 Javascript
js实现的动画导航菜单效果代码
2015/09/10 Javascript
使用Javascript实现选择下拉菜单互移并排序
2016/02/23 Javascript
使用jquery.form.js实现图片上传的方法
2016/05/05 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
2017/03/15 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
2017/04/27 jQuery
jquery实现动态添加附件功能
2018/10/23 jQuery
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
2019/03/30 Javascript
解决JQuery的ajax函数执行失败alert函数弹框一闪而过问题
2019/04/10 jQuery
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
javascript实现点击按钮切换轮播图功能
2020/09/23 Javascript
[38:54]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第一场 11.28
2020/12/01 DOTA
python使用在线API查询IP对应的地理位置信息实例
2014/06/01 Python
python调用新浪微博API项目实践
2014/07/28 Python
Python输出PowerPoint(ppt)文件中全部文字信息的方法
2015/04/28 Python
简单的python协同过滤程序实例代码
2018/01/31 Python
如何使用Python标准库进行性能测试
2019/06/25 Python
Python3实现监控新型冠状病毒肺炎疫情的示例代码
2020/02/13 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
浅析Python 责任链设计模式
2020/09/11 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
利用python批量爬取百度任意类别的图片的实现方法
2020/10/07 Python
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
2014/09/02 HTML / CSS
Raleigh兰令自行车美国官网:英国凤头牌自行车
2018/01/08 全球购物
优秀的2014年两会精神解读
2014/03/17 职场文书
2014高三学生考试作弊检讨书
2014/12/14 职场文书
行政文员岗位职责
2015/02/04 职场文书
2016母亲节感恩话语
2015/12/09 职场文书
python使用glob检索文件的操作
2021/05/20 Python
mysql如何能有效防止删库跑路
2021/10/05 MySQL