JavaScript--输出内容：

document.write()可用于直接向HTML输出流写内容。

第一种：输出内容用""括起，直接输入""号内容。

第二种：通过变量，输出内容。

第三种：输出多项内容，内容之间用+号连接。

第四种：输出HTML标签，并起作用，标签用""括起来。

还有一点，好像和其他语言不同，不需要定义函数的类型！

JavaScript--什么是函数:

基本语法如下：

function 函数名(){

      函数代码；

}

function定义函数的关键字

函数名为函数所取的名字

函数代码为完成特定功能的代码

注意，函数定义好之后，需要调用它。

JavaScript--判断语句：

if.....else

竟然可以写入if..else 语句，JavaScript真强大！ 

在JS中区分大小写的！

JavaScript--什么是变量：

定义变量使用关键字var,语法如下：

var  变量名;

变量名可以任意取名，但需要遵循命名规则：

1. 变量必须使用字母、下划线或者美元符开始

2. 然后可以使用任意多个英文字母、数字、下划线、或者美元符组成。

3. 不能使用JavaScript关键字与JavaScript保留字。
   

JavaScript--注释：

注释的内容不会在网页上显示，注释也分为单行注释和多行注释。

单行注释，在注释内容前面加上"//"

多行注释，以/*开始  */结束

JavaScript的语句和符号：

一行的结束就被认定为语句的结束，通常在结尾加上一个分号，表示语句的结束。

JS页面中的位置：

可以将JS代码放在HTML文件中任何位置，不过一般是放在网页的head或者body部分。

但是浏览器解释HTML时是按先后顺序的，所以前面的script就被先执行，比如进行页面显示初始化的JS必须放在head里面。

引用JS外部文件：

JS代码不仅仅只能写在HTML文档中，还可以把HTML文件和JS代码分开，并单独创建要给JavaScript文件（简称JS文件）。

在JS文件中，不需要<script>标签，直接编写JavaScript代码就行了。JS文件不能直接运行，需嵌入到HTML文件中执行，需要在HTML文档中添加以下的代码，就可以将文件嵌入到HTML文件中。

<script src="script.js"></script>

var tta = document.getElementById("txt")
//定义"改变颜色"的函数
function gcolor(){
    tta.style.color='red';
    tta.style.backgroundColor='#F0F8FF';
}
//定义"改变宽高"的函数
function gwidth(){
    tta.style.widht='400px';
    tta.style.height='500px';
}
//定义"隐藏内容"的函数
function gnone(){
    tta.style.display="none";
}
//定义"显示内容"的函数
function gblock(){
    tta.style.display="block";
}
//定义"隐藏显示为一体"的函数
function aat(){
    tta.style.display = tta.style.display=="none"?"block":"none";
}
//定义"取消设置"的函数
function gcancel(){
    var my = confirm("master，你真的忍心解除契约吗？")
    if(my==true){
        tta.removeAttribute('style');
        alert("ma……master……")
    }
    else{
        alert("真乖~~master")
        
    }
}

要获取标签的内容：

也可以用innerText;

网页中经常会看到显示和隐藏的效果，可通过display属性来设置。

语法：

Object.style.display = value

注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

value值：none表示隐藏，block表示显示

var mychar = document.getElementById("con");

        document.getElementById("con").style.display="none";

改变 HTML 样式

语法:

Object.style.property=new style;

看看下面的代码:

改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝：

<p id="pcon">Hello World!</p>
<script>
  var mychar = document.getElementById("pcon");
  mychar.style.color="red";
  mychar.style.fontSize="20";
  mychar.style.backgroundColor ="blue";
</script>

innerHTML 属性用于获取或替换 HTML 元素的内容。

语法:

Object.innerHTML

var mychar= document.getElementById("con");

mychar.innerHTML="Hello World";