使用JQuery快速高效制作网页交互特效——第一章JavaScript基础

一、什么是JavaScript

1、JavaScript概念:JavaScript面向对象事件驱动具有安全性的脚本语言,面向对象
2、JavaScript特点:
(1)解释性语言,边运行边解释
(2)和HTML页面实现交互效果
(3)语法类似于Java
(4)一搬用于编写客户端脚本
3、JavaScript组成:
(1)ECMAScript:脚本语言规范(标准)
(2)BOM Browser Object Model浏览器对象模型
(3)DOM Document Object Model文档对象模型

二.JavaScript基础语法

Web服务器:Tomcat7 Resin 将Web工程放入服务器中运行

 <script type="text/javascript">
    document.write("初学JavaScript");
     document.write("<he>Hello JavaScript</h1>");
  </script>

三、变量和数据类型

1、数组

var value=prompt(‘提示:请输入用户名‘); //输入框
alert(value);    //提示框
//number
var number1=1.10000;
//string
var name=‘王某涛‘;
//我们看不到变量的数据类型为null 但是我们能看到变量的值为null
//undefined 未定义没有给值情况下
var xx;
//boolean true false
var flag=true;
//object
var array=new Array(‘一‘,‘二‘);
//typeof获取值或者变量的数据类型
alert(typeof null);

2、string类型常用方法:
属性:字符串对象.length返回字符串长度

(1)charAt(index) 返回在指定位置的字符
(2)indexOf(str,index) 查找某个指定的字符串在字符串中首次出现的位置
(3)substring(index1,index2) 返回位于指定索引index1和index2之间的字符串,并且包括索引index1对应的字符,不包括索引index2对应的字符
(5)split(str) 将字符串分割为字符串数组
3、数组常用方法:
属性:数组对象.length返回字符串长度
(1)join( ) 把数组的所有元素放入一个字符串,通过一个的分隔符进行分隔
(2)sort() 对数组排序
(3)push() 向数组末尾添加一个或更多 元素,并返回新的长度

四、选择结构和循环结构

1、if结构2、switch结构3、for循环语句4、while循环语句5、do-while循环语句6、for-in循环

五、函数和事件

1、函数的含义:类似于Java中的方法,是完成特定任务的代码语句块
     parseInt ("字符串")
2、将字符串转换为整型数字
    如: parseInt ("86")将字符串“86“转换为整型值86
    parseFloat("字符串")
3、将字符串转换为浮点型数字
    如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45
4、isNaN()
    用于检查其参数是否是非数字

六、事件:

1、onload 一个页面或一幅图像完成加载
2、onlick 鼠标单击某个对象
3、onmouseover 鼠标指导移到某元素上
4、onkeydown 某个键盘按键被按下
5、onchange 域的内容被改变

原文地址:https://www.cnblogs.com/tinghao/p/10959982.html

时间: 2024-11-06 02:55:21

使用JQuery快速高效制作网页交互特效——第一章JavaScript基础的相关文章

使用JQuery快速高效制作网页交互特效-第一章 JavaScript基础

JavaScript: 是一种描述性语言,也是一种基于对象和事件驱动的并具有安全性能的脚本语言. 特点:1.主要用来在HTML页面中添加交互行为. 2.是一种脚本语言,语法和Java类似. 3.一般用于编写客户端的脚本. 4.是一种解释性语言,边执行边解释. 组成:1.ECMAScript标准:描述,规定了脚本语言的标准 2.浏览器对象模型:提供独立于内容与浏览器进行交互的对象 3.文档对象模型:访问操纵HTML文档 JavaScript:写入 HTML 输出: document.write("

使用JQuery快速高效制作网页交互特效第二章到第七章

第二章 JavaScript对象 浏览器对象模型(BOM)是JavaScript的组成之一,window对象是整个BOM的核心 window对象的常用方法 prompt():显示可提示用户输入的对话框 alert():显示一个带有提示信息和一个"确定"的按钮的警示对话框 confirm():显示一个滴啊有提示信息,"确定"和"取消"按钮的对话框 close():关闭浏览器窗口 open():打开一个新的浏览器窗口,加载给定URL制定的文档 set

使用JQuery快速高效制作网页交互特效

第二章 JavaScript对象 浏览器对象模型(BOM)是JavaScript的组成之一,window对象是整个BOM的核心 window对象的常用方法 prompt():显示可提示用户输入的对话框 alert():显示一个带有提示信息和一个"确定"的按钮的警示对话框 confirm():显示一个滴啊有提示信息,"确定"和"取消"按钮的对话框 close():关闭浏览器窗口 open():打开一个新的浏览器窗口,加载给定URL制定的文档 set

使用jQuery快速高效制作网页交互特效——06 第六章 jQuery选择器

1.jQuery选择器:jQuery选择器类似于CSS选择器,用来选取网页中的元素.       Eg:$("h3").css("background","#09F");            分析:  获取并设置网页中所有<h3>元素的背景   "h3"为选择器语法,必须放在$()中    $("h3")返回jQuery对象           .css()是为jQuery对象设置样式的方法

使用jQuery快速高效制作网页交互特效(3)

引入jquery时 不允许在 引入的这行script标签中完成代码的编写 必须另起一行,再写一个script标签完成程序 window.onload事件触发在jquery加载完毕触发之后 window.onload 在当前页面有且仅能存在1个 $(document).ready(function()//在页面加载完毕时 触发 {  alert("hello jquery!"); }); DOM对象是靠 javascript形式获取的元素(节点)信息 所能用的只有javascript中的

使用jQuery快速高效制作网页交互特效(6)

removeClass() 如果括号中没有参数  移除所有的class属性 var content = $("ul").html(); //获取文本 $("ul").html(text); //对于标签内部的文本替换 var content = $("ul").text(); //获取文本 但是无法获得内部的HTML标签 $("ul").text(text); //替换操作 无法解析HTML标签 就算替换的文本中包含HTML标

使用jQuery快速高效制作网页交互特效(4)

$(function() { $("h1").css("color","#acf"); $("#h1").css("background-color","pink"); //h1标签 并且有一个class属性 值为h1 (交集选择器) $("h1.h1").css("background-color","red"); //div

使用jQuery快速高效制作网页交互特效(5)

//获取点击当前的元素 var text = $(this).html(); keydown 和 keypress 同时触发的 只不过 keypres还针对能打印出字符的按键keyup按键松开时触发 blur 失去焦点 绑定单个事件 bind("事件名",事件内容)$("li").bind("click",function() { alert($(this).html()); }) bindbind({}) 包含大括号事件名 : 事件内容 事件名

使用jQuery快速高效制作网页交互特效(1)

引入外部的js文件   该js文件中 不允许存在<script>标签 //单行注释 /* 多行注释 */ prompt是弹出一个窗口 接受用户的输入  不常用 isNaN  非数字 onclick:鼠标左键 单击事件