【前端】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;      //

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";

HTML

【前端】JavaScript入门学习

对字符串和数字进行加法运算 如果把数字与字符串相加，结果将成为字符串。

对字符串和数字进行加法运算如果把数字与字符串相加，结果将成为字符串。