day03&day04_初涉JavaScript

沁园春~雪

北国风光,千里冰封,万里雪飘.

望长城内外,惟余莽莽,大河上下,顿失滔滔.

山舞银蛇,原驰蜡象,欲与天公试比高.

须晴日,看红装素裹,分外妖娆,

江山如此多娇,引无数英雄竟折腰,

惜秦皇汉武,略输文采.唐宗宋祖,稍逊风骚.

一代天骄,成吉思汗,只识弯弓射大雕.

俱往矣,

数风流人物,还看今朝.


js是一种脚本语言 不需要编译 其运行环境是客户端(浏览器)

js的特点:

  (1)不能操作本地硬盘

  (2)js可以动态修改html和css代码

  (3)js可以对表单进行校验

js的组成---分为三部分

  (1)ECMAScript--主要包括一些js语法相关知识

  (2)BOM(Browser Object Model)

  (3)DOM(Document Object Model)

js的引入方式---两种

  (1)内部通过<script>标签  type="text/Javascript"可加可不加,默认就是如此

  (2)外部 a.创建js文件  b.通过<script src="">标签引入js文件

 注:script可以写在<head>内部,或者<body>内部,其会与himl抢带宽,所以越往后写越好.

js的基本语法

  js是一种弱类型语言,定义变量用var x = XXX;(如果不写var,则为全局变量)

  js的物种原始数据类型:number boolean string undefined(未定义) null(空 属于Object)

  js中所有的引用数据类型都是Object类型的,都是通过"new"出来的

js的几种运算符

  ==="全等运算符"--值相等并且类型相同才为true

  ==只比较值

  && || --js中只有双与 双或,没有单与 单或

  -*/ --对于这三种运算符,字符串可转化为number类型进行运算

几种特殊类型的boolean值

  数字类型:0为false,其他为true

  字符串类型:非空为true,空为false

  对象类型:对象存在为true,对象未定义或者null则为false

js的函数--js中所有对象都是函数

  (1)普通函数: function 函数名(参数列表){}

  (2)匿名函数: var fn = function(参数列表){}

注:事件大多用匿名函数来做

js的事件

  onload:某个页面或者图像加载完成

  onsubmit:表单提交事件(返回true/false)

  onclick:鼠标点击事件

  onfocus:元素获得焦点

  onblur:元素失去焦点

  onchange:用户改变域的内容

 eg:事件内签到事件源内部<input type="button" value="xxx" οnclick="fn()" />

   事件与事件源完全分离,响应行为用函数进行封装

<input id="btn" type="button" value="xxx" />

var btn = document.getElementById("btn");

btn.onclick = function(参数列表){};

BOM

  (1)Screen

  (2)Window --表示一个Browser窗口或一个框架

  (3)Navigator

  (4)History

  (5)Location --是window的一部分, Location.href常用

Window对象--分三部分

  (1)弹框方法 a.提示框 alert();无返回值

    b.确认框 confirm();有返回值 确认返回true 取消返回false

               c.输入框 prompt(); 有返回值 确认返回输入框内容 取消返回null

  (2)定时器 a.执行多次的定时器:setInterval(function对象,毫秒值) clearInterval(定时器名)

   b.执行一次的定时器:setTimeout(function对象,毫秒值) clearTimeout(定时器名)--一般用不到

  (3)常用全局方法 a.parseInt/parseFloat函数

eg:var numStr = "100";

  var num = parseInt(numStr);  num是number类型

  b.eval函数:(很牛逼的一个函数)

可以将字符创转换成js代码注入

Location.href = "http://www.baidu.com";--可以在js中实现url访问(页面跳转)

变量.innerHTML:向标签中添加内容

RegExp:正则  /^&/  一般以此方式定义规则

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值