JS串讲一:基础部分、BOM部分、DOM部分

时间:2021-11-17 01:28:29

一、基础部分:

1、JavaScript 是什么?

是一门脚本语言,,是属于弱类型(语言语法很随意),C#是强类型(语言语法非常严格)(李献策lxc)

优点:JS 执行速度快

2、JS 与java有什么关系?  没有任何关系

3、JS 能做什么事情?

  能控制浏览器 BOM

  控制元素 DOM

JS不能做什么?

  不能操作文件(读取、创建、删除)

  不能直接访问数据库

扩展:node.js - 一个开发平台,通过这个平台可以开发常规的web服务端,是一块非常轻量级的运行环境

  JQuery.js - 前端框架

4、JS 是面向过程的语言 也有人说JS有面向对象,但他不是纯粹的面向对象语言

二、常用对话框

  alert("string") - 警告对话框,弹出 string 内容

  confirm() - 确认对话框

  prompt("","") - 输入对话框

三、JavaScript 语法

1、基本数据类型  

  字符串、小数、整数、日期时间、布尔类型

2、变量:变量只有一种类型 var(万能变量)

3、数据类型转换 string 类型优先级最高

<script type="text/javascript"> var a=10; var b="10"; var c=20; alert( a + b ); alert( b + a ); alert( a + c + b ); alert( a + c + parseint( b ) ); </script>

4、文本框数字验证(李献策lxc)

<script> var txt1 = document.getElementById("TextBox1"); //按键抬起时触发 txt1.onkeyup = function () { if (isNaN(this.value)) { this.value = this.value.substr(0,this.value.length-1); } }; //txt1.onchange = function () { };//丢失焦点时触发 //txt1.onkeydown = function () { };//按键按下时触发 </script>

5、运算符 同C#

6、语句

  分支语句 if...else if...else

  循环语句 for(int i=0;i<=k;i++){}

7、数组

  类似于C#中的集合,不固定长度、不固定类型

  赋值:不用add添加,直接用索引赋值

  清空:用foreach循环,Array[i]=Null;

  数量:Length;

8、函数

  无参无返、有参无返、无参有返、有参有返  不用定义返回类型,直接return

  递归:自己调自己

  

四、BOM操作

1、window.open - 打开页面

  window.open("网页路径","是否新窗体","新窗体格式");

  新窗体格式:width、height 新窗体宽高  left、top 新窗体的位置

  打开的新窗体是无法改变地址栏内容的 

2、opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null;

  window.close();

  window.opener.location.href="";

  重新打开上一级窗体并导向网址,如果是上一级网址,则有刷新效果

上图:点击Button2关闭Button1打开的窗体

3、window.navigate("url");跳转至目标页面

  window.moveto(x,y);移动页面至坐标

  window.resizeTo(width,height);改变页面长宽

  window.scrollTo(x,y);滚动页面至哪里

4、window.history.back();页面进行后退

  window.history.forward();页面前进

  window.history.go(n);页面跳转至