什麼是變數？
變數是用來儲存資訊的容器
變數的宣告
語法：
var 变量名
變數名稱= 值;
變數要先宣告變數填值的變數命名規則
變數必須以字母開頭；
變數也能以$和_符號開頭（不過我們不建議這麼做）；
變數名稱對大小寫敏感（a和A是不同的變數) 。
語句
語句以一個分號結尾；如果省略分號，則由解析器決定語句的結尾。
有個好的編碼習慣，都要以 ; 結尾
資料型別
在JavaScript中，一段資訊就是一個值（value）。數值有不同的類型，大家最熟悉的類型是數字。字串（string）值是包圍在
引號中的一個或多個單字。
數字 任何數字值。數字可以帶小數點，也可以不含 68.57
字串 引號中的字元。您可以使用單引號或雙引號 "hello, world"
布林值（Boolean） true或false true
Uncon可以透過將變數的值設為 null 來清空變數。
物件 與物件相關聯的任何值
函數 函數傳回的值
1 var a; //a为undefined 2 var a = 6; //a 为数字 3 var a = "Jason"; // a 为字符串
什麼是函數？
函數是一組執行某一任務的JavaScript 語句
基本語法：
function 函数名(){
函数代码;
}函數名稱();
關鍵字：
function定義函數。
"函數名"你為函數取的名字。
"函數代碼"替換為完成特定功能的代碼。
"第二個函數名稱"函數呼叫的一種
1 function add2(){
2 var sun = 3 + 2;
3 alert(sun);
4 }
5 add2();//调用函数直接写函数名直接弹出函数代码1 <input type="button" value="点击我" onclick="add2()" /> 2 <!-- 单击按钮后，调用函数，onclick为点击事件 -->
輸出內容（document.write）
document.write()直接在網頁中輸出內容。
第一種：輸出內容以「」括起，直接輸出「」號內的內容。
document.write("I love JavaScript!");第二種：透過變量，輸出內容
var mystr = "hello world"; document.write(mysrt);//直接写变量名，输出变量存储的内容
var mystr = "hello"; document.write(mystr + "I love Java Script");//多项内容之间用+号连接
var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
document.write("JavaScript");我們在造訪網站的時候，有時會突然彈出一個小窗口，上面寫著一段提示訊息文字。如果你不點擊“確定”，就不能對網頁做任
何操作，這個小視窗就是使用alert實現的。
語法：alert(字串或變數);
var mynum = 30;
alert("hello!");
alert(mynum); 結果：依序彈出訊息方塊（alert彈出訊息對話方塊包含一個確定按鈕）
<script type="text/javascript">
var mymessage=confirm("你喜欢JavaScript吗?");
if(mymessage==true){
document.write("很好,加油!");
}else{
document.write("JS功能强大，要学习噢!");
}
</script>
有時候，不僅希望使用者回答Yes/No。而是希望得到更特定的回應。這中情況我們可以利用prompt。
prompt彈出訊息對話框,通常用於詢問一些需要與使用者互動的資訊。彈出訊息對話框（包含一個確定按鈕、取消按鈕與一個文字輸入框）。
prompt(str1,str2);
function rec(){
var score; //score变量，用来存储用户输入的成绩值。
score = prompt("请输入你的成绩","90");
if(score>=90){
document.write("你很棒!");
}else if(score>=75){
document.write("不错吆!");
}else if(score>=60){
document.write("要加油!");
}else{
document.write("要努力了!");
};
} ;<script>
var myName = prompt("输入您的名字");
if(myName != null && myName != ""){
document.write("welcom to" + myName);
}else{
document.write("welcom to my friend");
}
</script>window.open([URL], [窗口名称], [参数字符串])
是"_top"、"_blank"、"_selft"、"_parent"等。
_blank 在新窗口显示目标网页
_selft 在当前窗口显示目标网页
_parent 框架网页中当前整个窗口位置显示目标网页
_top 框架网页中在上部窗口中显示目标网页
3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
4.name 不能包含有空格。
参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。
参数表：
top Number 窗口顶部离开屏幕顶部的像素数
left Number 窗口左端离开屏幕左端的像素数
width Number 窗口的宽度
height Number 窗口的高度
menubar yes,no 窗口有没有菜单
toolbar yes,no 窗口有没有工具条
scrollbars yes,no 窗口有没有滚动条
status yes,no 窗口有没有状态栏
<script type="text/javascript"> window.open('http://','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script>
关闭窗口（window.close）
close()关闭窗口
用法：
1 window.close();//关闭本窗口 2 <窗口对象>.close();//关闭指定的窗口
例如:关闭新建的窗口。
1 <script type="text/javascript"> 2 var mywin=window.open('http://www.jb51.net'); //将新打的窗口对象，存储在变量mywin中 3 mywin.close(); 4 </script>
innerHTML属性
innerHTML属性用于获取或替换HTML元素的内容。
语法：
Object.innerHTML
Object是获取的元素对象，如通过document.getElementById("ID")获取元素。
<h2 id="con">javascript</H2>
<script type="text/javascript">
var mychar=document.getElementById("con");
document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容
mychar.innerHTML="hello world"
document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容
</script>改变HTML样式
语法：
Object.style.property=new style;
注意：Object是获取的元素对象，如通过document.getElementById("id")获取的元素
<h2 id="con">I love JavaScript</h2>
<script type="text/javascript">
var mychar= document.getElementById("con");
mychar.style.color="red";
mychar.style.background="#ccc";
mychar.style.width="300px";
</script>显示和隐藏（display属性）
语法：
Object.style.display = value
value值：
none 此元素不会被显示（及隐藏）
block 此元素将显示为块级元素（即显示）
mychar.style.display = "block"
控制类名（className属性）
className属性设置或返回元素的class属性。
语法：
object.className = classname
作用：
1、获取元素的class属性
2、为网页内的某个元素指定一个css样式来更改该元素的外观
p2.className = "two";
以上这篇Javascript基础学习笔记(菜鸟必看篇)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持PHP中文网。
更多Javascript基础学习笔记(菜鸟必看篇)相关文章请关注PHP中文网！
