j2ee学习笔记 javascript 学习

JavaScript 组成：

ECMAScript + BOM + DOM

Window对象是JS中的顶层对象

ECMAScript: 规定了一些语法，变量，for循环等等结构

BOM: Browser object Model 浏览器对象模型

DOM：Document object Model 文档对象模型

案例：

<script type="text/javascript">

<!--

　　　　alert("abc");

//--> 如果浏览器不认识他，就忽略掉

</script>

数据类型

c.判断变量的类型的两种方式
1.typeof(): 打印的是所有类型的toString方法(所有类型的小写)
2.instanceof 关键字，判断变量是不是由某种类型new出来的。
*/
var a ;
a = 10;
a="abc";
a = true;
a=20;
alert(a instanceof Number);//因为不是new出来的，所以会显示false
a = new Number(30);
alert(a instanceof Number);//true
alert(typeof(a));
</script>

表单提交数据

<html>

<head>

<title>表单标签</title>

作用：搜集数据<br><br>

</head>

<body>

</body>

<form action=""  method="get">

<!--action指要提交的页面       method默认采用的是get方式,post方式较为安全--

get方式将参数附加到网址后面，get方式的数据大小有限制 < 1k

-->

<!--value 表示要输入的内容 ， value就是要提交到服务器的内容。

    size表示字符的个数

    readonly 只读

-->

    姓名：  <input type="text" value="请输入内容" size= readonly> <br><br>

    密码：  <input type="password" value="请输入密码" ><br><br>

    隐藏框：<input type="hidden" value="hiddent"><br><br>

    性别：  <input type="radio" name="gender" value="male" >男<input type="radio" name="gender" value="female" checked>女<br><br>
        <!--需要设定name 才能认为是一组，菜单实现单选-->

        <!--checked的值也是checked,可以省略，readonly的值也是readonly，可以省略-->

    爱好：    <input type="checkbox" name="love" value="打游戏">打游戏

            <input type="checkbox" name="love" value="编程">编程

            <input type="checkbox" name="love" value="打篮球">打篮球

            <input type="checkbox" name="love" value="游泳">游泳

            <input type="checkbox" name="love" value="追剧">追剧<br><br>

    学历：<select name="xueli">

                <option value="高中">高中</option>

                <option value="本科">本科</option>

                <option value="硕士">硕士</option>

                <option value="博士">博士</option>

                <option value="博士后">博士后</option>

          </select><br><br>

    备注：<textarea rows="" clos=""></textarea><br><br>

    <!--占据5行,5列,中间不要留空-->

    按钮：<br> <input type="button" value="普通按钮"onclick="alert(this.value)"><br>

            <input type="submit" value="提交按钮" onclick="alert(this.value)"><br>

            <input type="reset" value="重置按钮"><br><br>

            <input type="image" src="9.jpg"><br><br>

            <input type="image" value="普通按钮"><br><br>

            <button></button>

    </form>

</html>

javascript的类型转换

1.把字符串转换为number类型
a.parseInt,parseFloat 不推荐，较复杂。
b.n * 1;
2.把字符串转换成boolean类型
非零为真，零为假。
NaN : not a number

var a ="";

    a = a * ;

    alert(typeof(a));

    function fun(){

        //拿到文本框对象

        var txt = document.getElementById("age");

        //判断内容

        if(tex == ){

            alert("年龄大于0");

        }else{

            alert("");

        }

    }

函数的定义方式：
1.采用关键字function:
2.采用匿名函数的方式(采用function作为名字)--了解即可

函数的调用：
调用函数的时候是采用函数名来寻找的，不能有重名的函数。

function fun(){

    alert("function");

}

//写函数名调用

fun();

var a = function(){

    alert("我是匿名函数");

}

a();

函数劫持：改变javascript的函数预定义好的功能

window.alert = function(x){

    document.write(x);

}

全局函数
1.isNaN : 是不是一个数字,返回TRUE不是数字; NaN:not a number
2.parseInt,parseFloat
3.eval:
a.主要执行字符串，将结果转换为数字
b.将json格式的字符串转换为json
{"a":"中国","b":"美国","c":"日本"}
4.escape() 编码
5.encodeURI(): 对网址(URL)进行编码
6.decodeURI(): 对网址爱（URL）进行编码

var a = "";

if(isNaN(a)){

    alert("不是数字");

}else{

    alert("是数字");

}

<!--结果是数字，因为javascript只判断内容，不判断类型-->

alert("" + "");  <!---->

alert(eval("") + eval("")); <!---->

var b = "中国";

var c = escape(b);

alert(c);

alert(unescape(c));

var e = "http://www.sohu.com?a=中国&b=美国";

var f = encodeURI(e);

alert(f);

alert(decodeURI(f));

javascript中数组的类型

数组对象的定义方式
1.采用new Array() 的方式
2.采用[] 来定义(推荐使用)

javascript中数组与java中数组的差别
a.java中数组是有类型的，数组只能放一中数据类型,
javascript中的数组没有类型，但是不推荐放多种类型的数据。
b.java中数组的长度一旦确定就不能再改变了。
javascript中的数组长度是可以变化的。
c.java中的数组的数据引用必须用下标引用，
javascript中的数组的数据引用可以用任意对象。

var arr = new Array(); //定义数组arr,初始长度为0

var arr1 = new Array(); //定义一个数组arr1,初始长度为4

arr1[] = ;

arr1[] = ;

alert(arr1[]);

alert(arr1[]);<!--没有定义，则是undefined类型-->

var arr2 = new Array(,,,,,,,);

var arr3 = [,,,,,]; //定义了一个数组，同时初始化数据

数组对象的方法array
1.join(); 默认情况下用逗号隔开;
2.将元素添加到数组的末尾;
3.reverse() 翻转顺序
4.shift() 删除并返回第一个元素。
5.sort() 排序
默认情况下先将能转换为number类型的字符串和number类型的放一起比较(转换为String类型进行比较)
转换不成的作为一组进行比较
按照自己的规则进行比较：需要传递一个function类型的参数制定比较规则。

var arr1=["中国","美国","日本"];

alert(arr1.join()); <!--默认情况下用逗号隔开;-->

alert(arr1.join("")); //用空字符串连接

arr1.push("东京");

alert(arr1.join());

alert(arr1.reverse());//翻转顺序

alert(arr1.shift());

-------------------------------------------------------

var arr1 = [,,"","",];

alert(arr1.sort()); // 按字符串排序，3 < 333 < 34 < 4

//指定自己的规则

alert(arr1.sort(function(a,b){

    if(a *  > b * ){

        return ;

    }else{

        return -;

    }

}));

j2ee学习笔记 javascript 学习的更多相关文章

学习笔记---Javascript事件Event、IE浏览器下的拖拽效果
学习笔记---Javascript事件Event.IE浏览器下的拖拽效果 1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作).srcE ...
java JDK8 学习笔记——助教学习博客汇总
java JDK8 学习笔记——助教学习博客汇总 1-6章 (by肖昱) Java学习笔记第一章——Java平台概论 Java学习笔记第二章——从JDK到IDEJava学习笔记第三章——基础语法Jav ...
python3.4学习笔记(七) 学习网站博客推荐
python3.4学习笔记(七) 学习网站博客推荐深入 Python 3http://sebug.net/paper/books/dive-into-python3/<深入 Python 3& ...
20155234 2016-2017-2第十周《Java学习笔记》学习总结
20155234第十周<Java学习笔记>学习总结教材学习内容总结网络编程在两个或两个以上的设备(例如计算机)之间传输数据.程序员所作的事情就是把数据发送到指定的位置,或者接收到指定 ...
20155234 2610-2017-2第九周《Java学习笔记》学习总结
20155234第九周<Java学习笔记>学习总结教材学习内容总结数据库本身是个独立运行的应用程序撰写应用程序是利用通信协议对数据库进行指令交换,以进行数据的增删查找 JDBC(Ja ...
#学习笔记#e2e学习使用（二）
前言: <#学习笔记#e2e学习使用(一)>主要记录了Vue项目的创建到e2e环境的搭建,以及期间遇到的各种问题和解决方法.本文建立在基础测试环境搭建完毕能正确运行的情况下,编写测试代码, ...
#学习笔记#e2e学习使用（一）
本文仅限于记录本人学习的过程,以及怎么踩的坑,是如何解决的.逻辑肯定是混乱的,有用之处会抽出共通另行发帖. 最终目标:要运用于Vue项目中,进行功能测试甚至自动化测试. 一.e2e概念理解:end ...
mybatis学习笔记之学习目录（1）
mybatis学习笔记之学习结构(1) 学习结构: 1.mybatis开发方法原始dao开发方法(程序需要编写dao接口和dao实现类) mybatis的mapper接口(相当于dao接口)代理开发 ...
Vue学习笔记-rest_framework_jwt 学习
一使用环境开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7 (Windows x86- ...

随机推荐

BNU29368:Check the Identity(栈)
Just determine whether an algebraic expression can always simplify to zero. Input The first line con ...
bzoj3503
显然知道第一行就可以只道整个矩阵但n<=40,搜索是不行的,我们设第一行为x1~xm可以由轻易由第一行未知数推出第n+1行,这一步我们可以压成二进制位(因为只和奇偶有关)显然n+1行必须是0,由 ...
cmd find命令
find 作用:从文件中收索字符串格式:find 参数 "字符串" 路径\文件名参数: /V 显示所有未包含指定字符串的行. /C 仅显示包含字符串的行数. /N 显示行号. ...
全新 D 系列虚拟机型号
Kenaz KwaAzure计算运行时项目经理今天,我们宣布将发布名为D系列的Windows Azure 新VM型号,并支持虚拟机和 Web/Worker Role.这些虚拟机型号最多可以提供 11 ...
JS中document.createElement()用法及注意事项
今天处理了一个日期选择器的ie和ff的兼容问题,本来这种情况就很难找错误,找了好久才把错误定位到js中创建元素的方法document.createElement(),这个方法在ie下支持这样创建元素 ...
android 后台附件下载
在service中通过在oncreat()中开启一个线程,轮训ArrayList<AttachmentTask> 我这个附件下载的任务list ,ArrayList<Attachme ...
NullableKey：解决Dictionary中键不能为null的问题 zt
2012-12-29 02:26 by 老赵, 1745 visits 众所周知,.NET中Dictionary的键不能为null,否则会抛出NullReferenceException,这在某些时候 ...
用FSM写Case，玩过没？
一.引言测试工程师小新一是一名安卓客户端测试工程师,对于安卓客户端的功能测试.自动化测试和性能测试方面都有着非常丰富的经验.最近小新一被通知负责某二手交易APP的功能测试,在初步了解了该APP后,小 ...
2DPlatformer-SLua 编辑器 UI 美化
在我的开源项目 2DPlatformer-SLua 中,YwLuaMonoBehaviour 是非常重要的一个组件,它负责从 MonoBehaviour 中直接驱动内建的事件到 Lua 中的类和逻辑, ...
求正整数n所有可能的和式的组合（如；4=1+1+1+1、1+1+2、1+3、2+1+1、2+2
作者:张小二 nyoj90 ,可以使用递归的方式直接计算个数,也可以通过把满足的个数求出来计数,因为在juLy博客上看到整数划分,所以重写了这个代码,就是列出所m的可能性,提交后正确.acmer的入门 ...

j2ee学习笔记 javascript 学习

j2ee学习笔记 javascript 学习的更多相关文章

随机推荐

热门专题