JS 学习笔记

1 结构

1. 直接使用

<script type="text/javascript">

</script>

2. 引用JS外部文件

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

2 语法：

var variableName 声明变量

if( ){ }else{ } if-else语句

function functionName(){function code;} 函数语句

消息对话框

1. alert(str); 警告对话框

2. confirm(str); 确认对话框，返回值: Boolean值

3. prompt(str1, str2); prompt 对话框，返回值：文本框中的内容（确认）/ null（取消）

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

1. URL 可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。
2. 窗口名称：可选参数，被打开窗口的名称。
   该名称由字母、数字和下划线字符组成。
   相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
   name 不能包含有空格。
   特殊名称：
   1. ‘_blank’ 在新窗口显示目标网页
   2. ‘_self’ 在当前窗口显示目标网页
   3. ‘_top’ 框架网页中在上部窗口中显示目标网页
3. 参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。
   

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

<script type="text/javascript">
	window.open('http://www.imooc.com','_blank',
		'width=300,height=200,menubar=no,toolbar=no,status=no,scrollbars=yes');
</script>

window.close(); 关闭窗口

window.close();   //关闭本窗口
<窗口对象>.close();   //关闭指定的窗口

//例子
var mywin=window.open('http://www.imooc.com');
mywin.close();

3 文档对象模型DOM（Document Object Model）

DOM定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

1. 元素节点：标签
2. 文本节点：文本
3. 属性节点：标签属性

document.write(str); 写入文本

document.getElementById(“idName”) 通过id获取元素

Object.innerHTML 获取Object内容

Object.style.property=new style; 修改Object样式

Object.style.display=“none”/“block” 隐藏/显示Object

Object.className 获取Object的class名

Object.offsetWidth 获取Object具体宽度

Object.offsetHeight 获取Object具体高度

https://www.cnblogs.com/dream-w/p/4874006.html

4 触发函数

window.onload = function (){} 页面内容加载完成触发

window.onresize = function(){} 窗口大小变化触发

window.onscroll = function (){} 滚动条变化触发

同一个触发器触发多个函数：

window.onload =function() { a(); b(); c() ;}

5 获取地址

function getRealPath(){

	//获取当前网址，如： http://localhost:8083/myproj/view/ahha.jsp
	var curWwwPath = window.document.location.href;
	
	//获取主机地址之后的目录，如： /myproj/view/ahha.jsp
	var pathName = window.document.location.pathname;
	var pos = curWwwPath.indexOf(pathName);
	
	//获取主机地址，如： http://localhost:8080
	var localhostPaht = curWwwPath.substring(0,pos);
	
	//获取带"/"的项目名，如：/ahha
	var projectName = pathName.substring(0,pathName.substr(1).indexOf('/')+1);
	 
	//得到了 服务器名称和项目名称
	var realPath = localhostPaht + projectName;
	return realPath;
}