HTML - JSP基本了解

1.JavaScript

1.1组成

ECMAScript：jsp的基本的语法
BOM：Object Model
DOM: Object Model

1.2基本语法

1.区分大小写。
2.弱变量类型的语言：没有具体的类型（与Java不同）。
int i = 3;(java 中表示整型)
String s = “abc”。强变量类型
var I= 3；弱变量类型
var s = ”abc“
3.JavaScript 变量

与代数一样，JavaScript 变量可用于存放值（比如 x=5）和表达式（比如 z=x+y）。
变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。
变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）
4.数据类型

原始类型，值类型（JAVA 8 个， JSP中5个）
字符串（String）、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空（Null）、未定义（Undefined）。
引用数据类型。
全等于”===“，类型和值都一致的情况下为true。
5.开发步骤
JS通常由一个时间触发。
触发一个函数，定义一个函数
获得操作对象的控制权
修改要操作的对像的属性或值
定义函数：
方式一：
function fooname（）{
}
方式二：
window.onload = function(){
}
常用事件：onchange HTML 元素改变
onclick 用户点击 HTML 元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户从一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载
6.JS的引入方式
通常两种方式:
一种：页面内直接写JS代码，JS代码需要使用
二种：将JS的代码编写到一个。js文件中。
正则匹配：
JS中有两种方法：
使用String对象的Match方法
使用正则对象中的test方法，
7.HTML的window对象
setInterval（）：每隔多少毫秒执行某个表达式
setInterval（”change（）“，5000）
setTimeout():隔多少毫秒执行一个表达式。
setTimeout（”change（）“，5000）
8.window对象的定时操作
8.1轮播

        <script>

            window.onload = function(){
                window.setInterval("changeImge()",5000)
            }
            var i = 0;
            function changeImge(){
//              alert("aaaa");
                i++;
                if(i > 3){
                    i = 0;

                }
                var img1 = document.getElementById("img1");
                img1.src = "../img/"+i+".jpg";
            }
        </script>

8.3CSS的显示和隐藏属性
display
block:显示
none：隐藏
定时显示广告

        window.onload = function(){
                time = window.setInterval("show()",5000);
            }

            function show(){
                var adDiv = document.getElementById("adDiv");
                adDiv.style.display = "block";

                window.clearInterval(time);
                time = window.setInterval("hide();",5000);
            }

            function hide(){
                var adDiv = document.getElementById("adDiv");
                adDiv.style.display = "none";
                    window.clearInterval(time);
            }

总结：
Browser对象：

Window
Navigator
Screen
History
Location

window对象的基本方法：

alert(); – 弹出对话框；
setInterval();
setTimeout();
clearInterval();
ClearTimeout();
confirm(); – 弹出一个确认窗口
prompt(); – 弹出一个可输入的对话框
open(); – 打开一个新的窗口

Navigator对象

alert(navigator.appName);
alert(navigator.platform);
alert(navigator.userAgent);

JS的输出

JS的输出
document.getElementById(“”).innerHTML=”HTML codes”.
document.write();
onfocus.获得焦点
obBlur（）失去焦点
onSubmit（）提交的时候
JS的时间总结
onload:
onclick:
onsubmit：
onfocus：
onblur：
onchange：下拉列表改变事件
ondblclick：双击某个元素的事件
onkeydown:
onkeyup:
onkeypress:
onmousedown:
onmousemove:
onmouseover: