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

JavaScript:

是一种描述性语言,也是一种基于对象和事件驱动的并具有安全性能的脚本语言。

特点:1、主要用来在HTML页面中添加交互行为。

2、是一种脚本语言,语法和Java类似。

3、一般用于编写客户端的脚本。

4、是一种解释性语言,边执行边解释。

组成:1、ECMAScript标准:描述,规定了脚本语言的标准

2、浏览器对象模型:提供独立于内容与浏览器进行交互的对象

3、文档对象模型:访问操纵HTML文档

JavaScript:写入 HTML 输出:

document.write("内容");

  

警告:alert("输出语句"); ··

提示对话框:prompt(    ”提示语句”, 给的默认值)
 注:单引号 双引号都行,

对事件作出反应:<button type="button" onclick="alert(‘Welcome!‘)">点击这里</button>

常用于验证用户的输入:if isNaN(x) {alert("Not Numeric")};

<script> 标签:

如需在 HTML 页面中插入 JavaScript,请使用 <script> 标签。

<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

<script>
alert("My First JavaScript");
</script>

  

可以在HTML5文件同目录下写一个.JS脚本  把要执行的代码写进去然后
使用<script type="text/javascript" src="脚本路径.js"></script>

函数:

typeof(变量或值):返回其类型

注:如果是null类型或一种引用类型则返回object

语法约定:区分大小写、必须使用字母或$或_开头、必须以;结尾。

2.String类型的常用方法:

indexOf(str,index):查找指定字符在字符串中首次出现的位置

charAt(index):返回指定位置的字符

toLowerCase():转化为小写

toUpperCase():转化为大写

substring(index1,index2):截取指定位置的字符串,包前不包后

split():将字符串拆分为数组

定义

var 数组名 = new Array(长度);

(2)赋值

1)定义并赋值

var 数组名 = new Array(值1,值2);

2)定义后赋值

数组名[下标] = 值

3)不通过对象定义

var 数组名 = [值1,值2]

4)常用方法

length:长度

join():拼接数组元素值,返回字符串

sort():对数组排序

push():向数组末尾添加一个或多个元素,并返回新的长度

函数:

parseInt():在值中寻找整形数值并返回

parseFloat():在值中寻找浮点数值并返回

isNaN():判定是否为特殊数值类型:例:12s

自定义函数:

1、定义

function 函数名 (参数){

//语句

[return 返回值]

}

2、调用

事件名 = "函数名()";

3、常用事件

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

onlick:单击对象

onmouseover:鼠标移动到某元素

onkeydown:某个键盘按下

onchange:域的内容被改变

原文地址:https://www.cnblogs.com/Acanxue/p/8284378.html

时间: 2024-11-06 13:11:11

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

使用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文档对象模型 二.Java

使用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:鼠标左键 单击事件