JavaScript 组成:

ECMAScript + BOM + DOM

Window对象是JS中的顶层对象

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

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

DOM:Document  object   Model     文档对象模型

案例:

<script type="text/javascript">

<!--

    alert("abc");

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

</script>


数据类型

<html>
<head></head>

<script type="text/javascript">
/* javascript的数据类型:没有数据类型
使用typeof来判断数据类型
a.基本类型
1.undefined: 没有给变量赋值时的类型
2.String:
3.Boolean
4.Number:
5.function:
6.null
b.引用类型
Object

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 学习的更多相关文章

  1. 学习笔记---Javascript事件Event、IE浏览器下的拖拽效果

    学习笔记---Javascript事件Event.IE浏览器下的拖拽效果     1. 关于event常用属性有returnValue(是否允许事件处理继续进行, false为停止继续操作).srcE ...

  2. java JDK8 学习笔记——助教学习博客汇总

    java JDK8 学习笔记——助教学习博客汇总 1-6章 (by肖昱) Java学习笔记第一章——Java平台概论 Java学习笔记第二章——从JDK到IDEJava学习笔记第三章——基础语法Jav ...

  3. python3.4学习笔记(七) 学习网站博客推荐

    python3.4学习笔记(七) 学习网站博客推荐 深入 Python 3http://sebug.net/paper/books/dive-into-python3/<深入 Python 3& ...

  4. 20155234 2016-2017-2第十周《Java学习笔记》学习总结

    20155234第十周<Java学习笔记>学习总结 教材学习内容总结 网络编程 在两个或两个以上的设备(例如计算机)之间传输数据.程序员所作的事情就是把数据发送到指定的位置,或者接收到指定 ...

  5. 20155234 2610-2017-2第九周《Java学习笔记》学习总结

    20155234第九周<Java学习笔记>学习总结 教材学习内容总结 数据库本身是个独立运行的应用程序 撰写应用程序是利用通信协议对数据库进行指令交换,以进行数据的增删查找 JDBC(Ja ...

  6. #学习笔记#e2e学习使用(二)

    前言: <#学习笔记#e2e学习使用(一)>主要记录了Vue项目的创建到e2e环境的搭建,以及期间遇到的各种问题和解决方法.本文建立在基础测试环境搭建完毕能正确运行的情况下,编写测试代码, ...

  7. #学习笔记#e2e学习使用(一)

    本文仅限于记录本人学习的过程,以及怎么踩的坑,是如何解决的.逻辑肯定是混乱的,有用之处会抽出共通另行发帖. 最终目标:要运用于Vue项目中,进行功能测试甚至自动化测试. 一.e2e概念 理解:end ...

  8. mybatis学习笔记之学习目录(1)

    mybatis学习笔记之学习结构(1) 学习结构: 1.mybatis开发方法 原始dao开发方法(程序需要编写dao接口和dao实现类) mybatis的mapper接口(相当于dao接口)代理开发 ...

  9. Vue学习笔记-rest_framework_jwt 学习

    一  使用环境 开发系统: windows 后端IDE: PyCharm 前端IDE: VSCode 数据库: msyql,navicat 编程语言: python3.7  (Windows x86- ...

随机推荐

  1. ip_conntrack 实现

    启动时首先在ip_conntrack_standalone.c中调用 static int __init ip_conntrack_standalone_init(void) //proc相关部分省略 ...

  2. Bootstrap中的less基础

    在线编译 因为 less 的语法毕竟相对简单,所以一些在线工具可以很轻松的做到.比如 http://less.cnodejs.net http://www.ostools.net/less  一般都有 ...

  3. 我的第一个项目:用kinect录视频库

    kinect深度视频去噪 kinectmod32.dll http://pan.baidu.com/s/1DsGqX 下载后改名kinect.dll 替换掉Redist\OpenNI2\Drivers ...

  4. 【HTML】Advanced4:Accessible Links

    1.Tab <ul> <li><a href="here.html" tabindex="1">Here</a> ...

  5. eclipse tomcat内存溢出,加大内存

    保存图片失败,请点击这里获得详细信息. 加入 -Xms256M -Xmx512M -XX:PermSize=256m -XX:MaxPermSize=512m

  6. Clean Code – Chapter 4: Comments

    “Don’t comment bad code—rewrite it.”——Brian W.Kernighan and P.J.Plaugher The proper use of comments ...

  7. HDOJ-ACM1008(JAVA)

    这道题很简单,主要是要搞清楚题目的意思 以下是JAVA语言实现: import java.util.*; import java.io.*; public class Main{ public sta ...

  8. 如何获取、下载、安装fortran编译工具ifort

    今天接触到ifort,不知如何下载安装.遂GOOGLE之,很多文章给出连接并表示说在网页上下载即可.可往往事与愿违,新的问题是:链接已经失效:获取ifort的办法又不同了: 于是,我探索到新的获取安装 ...

  9. Jetty 8长连接上的又一个坑

    Jetty 8 长连接的超时断开连接的机制:超时连接机制针对IO传输过程中的数据阻塞时间超过一定阈值时,断开该连接.阻塞指当前处于数据传输阶段,但是连续指定时间内都没有发出或者接收到任何数据时,Jet ...

  10. 巧用MySQL之Explain进行数据库优化

    前记:很多东西看似简单,那是因为你并未真正了解它. Explain命令用于查看执行效果.虽然这个命令只能搭配select类型语句使用,如果你想查看update,delete类型语句中的索引效果,也不是 ...