JS小结

❤JS使用：

1.html文件内：

<script type="text/javascript"></script>

2.列表内容

独立的JS文件：

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

❤弹出框

alert弹出消息对话框(包含一个确定按钮)

alert(字符串或变量);

❤输出

可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。

document.write("I");
document.write(mystr);
document.write(mystr+"I love JavaScript");
document.write(mystr+"<br>");

❤注释：

单行注释，在注释内容前加符号 “//”。

多行注释以”/“开始，以”/”结束。

❤变量

var 变量名;

❤判断语句

if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }

❤函数

function 函数名()
{
函数代码;
}

❤alert弹出消息对话框(包含一个确定按钮)

<script type="text/javascript">
var mymessage=confirm("你喜欢JavaScript吗?");
if(mymessage==true)
{   document.write("很好,加油!");   }
else
{  document.write("JS功能强大，要学习噢!");   }
</script>

❤提问（prompt 消息对话框）

prompt(str1, str2);

str1: 要显示在消息对话框中的文本，不可修改

str2：文本框中的内容，可以修改

❤打开新窗口（window.open）

window.open([URL], [窗口名称], [参数字符串])

URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。

窗口名称：可选参数，被打开窗口的名称。

1. 该名称由字母、数字和下划线字符组成。

2. “_top”、”_blank”、”_selft”具有特殊意义的名称，_blank：在新窗口显示目标网页， _self：在当前窗口显示目标网页， _top：框架网页中在上部窗口中显示目标网页。

3. 相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。

4. name 不能包含有空格。

参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。



❤关闭窗口

window.close();

❤将HTML代码分解为DOM节点层次图:

document.getElementById(“id”);

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

Object.innerHTML

❤HTML DOM 允许 JavaScript 改变 HTML 元素的样式。

Object.style.property=new style;

❤显示和隐藏（display属性）

Object.style.display = value

❤className 属性设置或返回元素的class 属性。

object.className = classname

作用:

1.获取元素的class 属性

2. 为网页内的某个元素指定一个css样式来更改该元素的外观

❤