javascript

 

JavaScript 是脚本语言

 

JavaScript 是一种轻量级的编程语言。

 

JavaScript 是可插入 HTML 页面的编程代码。

 

JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

JavaScript 很容易学习

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
	
<p>
JavaScript 能够直接写入 HTML 输出流中:
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
</p>
	
</body>
</html>

 

 

 

 

 JavaScript 能够直接写入 HTML 输出流中:
这是一个标题

这是一个段落。

您只能在 HTML 输出流中使用 document.write。 如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。 

 

 只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。

 

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

结果:直接在网页面弹出对话框

 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
	
<h1>我的第一段 JavaScript</h1>
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<script>
//2.执行函数 function myFunction() { x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 改变内容:
在页面打印ello JavaScript!
//不只改变内容,还可以改变 文字大小,样式等等都是可以的
} </script>

//1.按钮触发函数 <button type="button" onclick="myFunction()">点击这里</button> </body> </html>

 

alert() 函数在 JavaScript 中并不常用,但它对于代码测试非常方便。

 

onclick 事件只是您即将在本教程中学到的众多事件之一

 

 

 

JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据:

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。程序中调试是测试,查找及减少bug(错误)的过程。
  • 使用 window.alert() 弹出警告框。
    <!
    DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1>我的第一个页面</h1> <p>我的第一个段落。</p> <script> window.alert(5 + 6); </script> </body> </html>

     

     

 使用 document.write() 方法将内容写到 HTML 文档中。

 

 

 

 

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
    
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML="段落已修改。";
</script>
    
</body>
</html>

使用 innerHTML 写入到 HTML 元素。

 

 

 

 

 

 

 

Javascript的变量

 

变量需要遵循以下规则

 。   首字母必须是字母(大小写均可)、下划线(_)、或者美元符号($)

 。   余下的字母可以是下划线、美元符号、任意字母或者是数字字符

 。    变量名不能使关键字

   同时变量名对大小写很敏感。

声明变量

  显示声明:  var

      陋习:  没有类型;重复声明;隐式声明;不声明直接赋值。、

     正解:   先声明后续写,先赋值后运算。、

 变量类型;

  •    数值类型(number):包含整数和浮点数;
  •    字符串类型(String):字符串必须用双引号或单引号括起来;
  •    布尔类型(boolean):只有true或false两个值;
  •    未定义类型(Undefined):专门用来确定一个已经创建但是没有初值的变量;
  •    空类型(Null):用于表明某个变量的值为空(表明变量已经被赋值,但赋的值为空);
  •    对象类型(Object):数组、日期对象等

  作用域

     全局变量:

      范围:

          在函数体外定义的变量‘

          在函数体内部定义的无var的变量;

             调用:

                   任何位置

      局部变量:

               范围:

          在函数内部是用var生命的变量

                        函数的参数变量

       特性:

              全局变量是全局对象的属性

              局部变量是调用对象的属性

数据类型间的转换

  通过“+”号或toString()方法将数值转换成字符串。

通过parseInt()将字符串转换成整型,只取整数,小数点不取自动过滤掉

通过parseFloat()将字符串转换成浮点型,取小数,不管整数。

 

 

 

posted @ 2019-06-30 15:48  腊月出去玩  阅读(150)  评论(0编辑  收藏  举报