【前端】JavaScript入门学习
- <button type="button" onclick="alert('hillo!')">Here</button>
-
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
</script> -
x=document.getElementById("demo") //找到元素 x.style.color="#ff0000"; //改变样式 -
<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("Not Numeric");
}
}
</script> - HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
-
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script> -
<!DOCTYPE html> <html> <body> <script src="myScript.js"></script> </body> </html>
- 多行注释以 /* 开始，以 */ 结尾。
- "<br>" --- 换行
- 变量必须以字母开头；变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）；变量名称对大小写敏感（y 和 Y 是不同的变量）
-
var y=123e5; // 12300000 var z=123e-5; // 0.00123 -
var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo";
-
var cars=new Array("Audi","BMW","Volvo"); -
var cars=["Audi","BMW","Volvo"];
-
var person={ firstname : "Bill", lastname : "Gates", id : 5566 }; -
name=person.lastname; name=person["lastname"];
- 当您声明新变量时，可以使用关键词 "new" 来声明其类型：
var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object;
-
JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。
在 JavaScript 中，对象是拥有属性和方法的数据。
-
person=new Object(); person.firstname="Bill"; person.lastname="Gates"; person.age=56; person.eyecolor="blue";
- 您可以通过下面的语法调用方法：
objectName.methodName()
-
var message="Hello world!"; var x=message.toUpperCase();
-
对字符串和数字进行加法运算 如果把数字与字符串相加，结果将成为字符串。
- JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。
greeting=(visitor=="PRES")?"Dear President ":"Dear "; 如果变量 visitor 中的值是 "PRES"，则向变量 greeting 赋值 "Dear President "，否则赋值 "Dear"。
===========================================================================
HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
-
写入：document.write
-
函数的JS脚本一般放在head中
-
外部的 JavaScript
-
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。外部 JavaScript 文件的文件扩展名是 .js。如需使用外部文件，请在 <script> 标签的 "src" 属性中设置该 .js 文件。
- JavaScript 通常用于操作 HTML 元素。
-
如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(id) 方法。请使用 "id" 属性来标识 HTML 元素。
-
请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
-
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
-
JavaScript 对大小写敏感。
- 对代码行进行折行
-
document.write("Hello \ World!"); - JavaScript 注释可用于提高代码的可读性。
-
通常我们在每条可执行的语句结尾添加分号。使用分号的另一用处是在一行中编写多条语句。
-
JavaScript 单行注释用// ；多行注释用/* ... */（类似java，要在script标签内的）
-
变量的设置用var //var x =2; （变量的取名，跟java一样的；变量的数据类型，暂时关注数值和文本，文本要用双/单引号，数值不用。）
-
<script> var pi=3.14; document.write(pi + "<br>"); </script>
-
一个好的编程习惯是，在代码开始处，统一对需要的变量进行声明。
-
一条语句，多个变量 //也可以跨行
-
var name="Gates", age=56, job="CEO"; -
字符串、数字、布尔、数组、对象、Null、Undefined
-
var y=123e5; // 12300000 var z=123e-5; // 0.00123
-
布尔（逻辑）只能有两个值：true 或 false。
var x=true var y=false
-
数组
-
var cars=new Array(); cars[0]="Audi"; cars[1]="BMW"; cars[2]="Volvo"; ======================================== var cars=new Array("Audi","BMW","Volvo"); ======================================== var cars=["Audi","BMW","Volvo"];
-
JavaScript 对象 //var person={firstname:"Bill", lastname:"Gates", id:5566}; //这个也可以分行写，像java一样的
-
声明变量类型
-
var carname=new String; var x= new Number; var y= new Boolean; var cars= new Array; var person= new Object;
-
在 JavaScript 中，对象是拥有属性和方法的数据。
-
函数：<script>function myFunction(
var1,var2){这里是要执行的代码}</script> - （使用 var）是局部变量，只能在函数内部访问它。 //全局变量直接 carname="Volvo";
