JS相关笔记

如何使用？

内部

外部引用

ta作为一种脚本语言可以放在html任何位置。

---

注释

//注释内容 OR /*注释内容*/

---

变量

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

---

JS中如何输出空格

在写JS代码的时候，大家可以会发现这样现象:

document.write("   1      2                3  ");

结果:1 2 3

无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。

这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。

解决方法:

1. 使用输出html标签 来解决

document.write("1"+"  "+"23");

结果:1 23

2. 使用CSS样式来解决

document.write(""+"  1        2    3    "+"");

结果:1       2     3

在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"

JS输出换行

"
"

---

弹出框

弹出一行字  alert（str）

yes or no 消息对话框   confirm(str) 

str：在消息对话框中要显示的文本

返回值：Boolean值

有文本框  prompt(str1, str2);

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

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

---

打开新窗口

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

"_top"、"_blank"、"_self"

例：打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，窗口距屏幕顶100像素有滚动条窗口：

window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')

window.open('http://www.imooc.com','_blank','width=300,height=200,top=100,menubar=no,toolbar=no, status=no,scrollbars=yes')

---

通过Id设置控件

document.getElementById(“id”)

设置html标签，属性用于获取或替换 HTML 元素的内容。

Object.innerHTML

注意:

1.Object是获取的元素对象，如通过document.getElementById("ID")获取的元素。

2.注意书写，innerHTML区分大小写。

设置样式

Object.style.color="";...

Object.style.display= none(隐藏)|block（显示）

对class

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

object.className = classname

修改或添加对象的class名字，可以起到快捷更换样式的作用。

⭐️恢复最初样式：

.removeAttribute('style');