
JavaScript
文章平均质量分 60
houyanhua1
这个作者很懒,什么都没留下…
展开
-
JavaScript Math对象
Math.pow(n1,n2); //求n1的n2次方Math.abs(n); //求n的绝对值Math.round(n); //求n的四舍五入的值Math.max(n1,n2。。。); //可以放好多个参数,求这些参数的最大值Math.min(); //求最小值Math.floor(n); //向下取整Math.ceil(n); //向上取整Math.r原创 2017-11-06 21:15:50 · 148 阅读 · 0 评论 -
JavaScript 字符串,String对象
var str="abcdefgab"; //简写形式var str=new String("abcdefgab"); //标准形式常见方法:str.indexOf("字符");//查找字符,并获取下标。 如果字符串中找不到要找的字符,那么返回的就是-1str.lastIndexOf("字符"); //从后面查找字符,并获取下标。(判断文件类型,从后面查找".")str.t原创 2017-11-06 21:11:21 · 206 阅读 · 0 评论 -
JavaScript 日期Date对象
var d1=new Date(); //创建当前时间var d2=new Date("2015/11/15 17:29:36"); //创建指定日期。用字符串创建,字符串11表示11月var d3=new Date(2015,11,15,17,29,39); //创建指定日期(月份数字是0到11之间)。数字11表示12月var d4=new Date(1334547845674原创 2017-11-06 21:30:31 · 207 阅读 · 0 评论 -
JavaScript 数组Array
数组定义两种方式var arr=[1,2,3];var arr=new Array(1,2,3); 数组的常用方法var arr1=[1,2,3];var arr2=[4,5,6];arr.concat(数据); //数组增加数据,把数组连接起来。arr.push(); //数组添加元素arr.join("-"); //将数组的所有元素,以"-"符号连原创 2017-11-06 20:43:46 · 163 阅读 · 0 评论 -
JavaScript 改变标签属性,和改变css属性
网页标题 #div1{ background-color:red; } function biangao(){ var obj=document.getElementById("d1"); var h = obj.height obj.height=h+20; //改变标签对象的属性 ,直接用obj.height } fu原创 2017-11-07 15:11:22 · 1686 阅读 · 0 评论 -
JavaScript 窗口事件 onload
窗口事件onload,在网页一打开的时候发生(注意:必须是把所有东西都加载完成之后才会执行)1) 2) window.onload=init JavaScript中。注意:函数名init之后没有括号 onload窗口事件 window.onload=init; //第二种方式,在 JavaScript 中设置,init后没有括号 f原创 2017-11-07 15:33:12 · 795 阅读 · 0 评论 -
JavaScript 将事件event作为参数传递,鼠标移动事件
网页标题 #d1{ background-color:black; height:300px; color:white; cursor:crosshair; /* 表示鼠标的形状 */ } function fn(e){ //将事件event作为参数传递 var x=e.clientX; //获取鼠标事件的坐标原创 2017-11-07 15:40:55 · 5360 阅读 · 0 评论 -
JavaScript 鼠标事件改变背景图片
New Document function kaideng(){ var img1=document.getElementById("img11"); img1.src="images\\bulbon.gif"; //注意,JavaScript中的路径用\\来表示转义 } function guandeng(){ var img1=d原创 2017-11-07 15:48:22 · 1500 阅读 · 0 评论 -
JavaScript 实例:计算器
计算器 function calcu(){ var num1=document.getElementById("text1").value; var num2=document.getElementById("text2").value; var num3=document.getElementById("text3"); if(num原创 2017-11-07 15:56:41 · 674 阅读 · 0 评论 -
JavaScript innerHTML
双标签中的内容,包括文本和所有尖括号的标签都属于innerHTML。 innerHTML #d1{ background-color:red; height:300px; color:blue; cursor:crosshair; /* 表示鼠标的形状 */ } function xianshi(){ var m原创 2017-11-07 16:09:41 · 201 阅读 · 0 评论 -
JavaScript 获取标签对象,创建标签对象
获取标签对象:document.getElementById(“id”);通过这种方法可以获得这个id名的标签对象document.getElementsByTagName(“标签名”)通过这种方法可以获得标签名的标签对象。注意:这个时候获得的是数组形式的document.body:获得body这个对象创建标签对象:document.createElement(“标签名”)原创 2017-11-08 11:14:41 · 1697 阅读 · 0 评论 -
JavaScript 实例:点击漫天小星星 创建标签元素并加到父标签下
漫天星星 body{ margin:0px; height:300px; /* 为body标签指定高度,否则高度可能是0px */ } //window.setInterval("star(event)",1000); //在页面点击,能够出现小星星 //这个图片是随机大小的 window.onload=init; //页面加载时执行原创 2017-11-08 11:30:42 · 400 阅读 · 0 评论 -
JavaScript 定时器
定时器:反复性定时器:格式:window.setInterval("fn()",1000); //会反复执行。每一秒执行一次fn()函数。一次性定时器:格式:window.setTimeout("fn()",5000); //执行一次。5秒之后会自动执行fn()函数。清除定时器:window.clearInterval(n1); //清除反复性定时器n1window.c原创 2017-11-08 14:08:06 · 219 阅读 · 0 评论 -
JavaScript 事件
鼠标事件onclick: 点击事件onmouseover: 鼠标放上onmouseout: 鼠标离开ondbclick: 双击onmousedown: 鼠标按下onmouseup: 鼠标抬起onmousemove: 鼠标移动。键盘事件onkeyDown: 键盘按下onkeyUp: 键盘抬起onkeyPress: 按键一次(相当于上面的两个事件)原创 2017-11-07 15:26:43 · 152 阅读 · 0 评论 -
JavaScript this对象,绑定事件。创建标签,删除标签
document.createElement("标签名"); //创建标签document.body.appendChild(obj); //必须把创建的标签放到document中才有效document.body; //获得body这个对象appendChild; //添加子标签obj.parentNode.removeChild(obj); //删除节点。必须通过父节点删原创 2017-11-08 18:20:55 · 673 阅读 · 0 评论 -
JavaScript 实例:不同图片滚动显示
New Document div{ width:550px; height:180px; border:1px solid red; overflow:hidden; /* 相当于清除浮动 */ } img{ float:left; } ul{ list-style:none; margin:8px 8px; paddin原创 2017-11-08 21:22:16 · 421 阅读 · 0 评论 -
JavaScript 弹出框
alert("内容信息"); //弹出框prompt(""); //让用户输入内容,可以有个默认值prompt("用户输入信息","默认值");var food=window.prompt("你吃了什么");alert(food);var num=prompt("你的考试成绩是多少",100); //100表示默认值。num可以是数字。var num=wind原创 2017-11-08 21:35:22 · 229 阅读 · 0 评论 -
DOM 查找节点,修改节点的值
无标题文档function find_table_node(){ //查找html节点 var node_html = document.firstChild; //查找body节点 var node_body = node_html.lastChild; //查找table节点 var node_table = node_body.firstChild; //弹出节点名称原创 2017-11-09 17:08:35 · 936 阅读 · 0 评论 -
DOM 节点属性,增删改节点属性
无标题文档//匿名函数:就是没有名字的函数。//匿名函数,不能单独定义,也不能单独调用//匿名函数,只能作为数据传给其它变量//程序顺序执行,必须当网页加载完成才调用JS程序,所以放到onload函数中。window.onload = function(){ //查找img节点 var imgObj = document.body.firstChild; //添加src属性原创 2017-11-09 17:14:17 · 593 阅读 · 0 评论 -
JavaScript 实例:点击漫天小星星 (获取整个浏览器窗口的宽高)
//获取整个浏览器窗口的宽高。var winWidth = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth; var winHeight = window.innerHeight ? window.innerHeight : document.documentElement.clie原创 2017-11-09 17:50:34 · 884 阅读 · 0 评论 -
JavaScript 实例:书讯快递(循环滚动)(offsetHeight,scrollTop)
滚动/*全局样式*/body,ul,li{margin:0px;padding:0px;}ul,li{list-style:none;}body{font-size:12px;}#dome{ width:200px; height:250px; margin:50px auto; overflow:hidden; /*溢出属性,不显示滚动条*/}#dome li{line-原创 2017-11-09 22:04:28 · 1579 阅读 · 0 评论 -
JavaScript 表单提交的三种方法
表单提交的三种方法:1、submit按钮,结合form标签的onsubmit事件。 checkForm()需要return2、submit按钮,结合onclick事件。 checkForm()需要return3、button按钮,结合onclick事件。 js中:checkForm(){document.form1.submit();} 不需要return1原创 2017-11-18 12:59:58 · 15764 阅读 · 0 评论 -
JavaScript form对象,表单简单验证
一、form对象的属性name:获取表单的名称,该name一般给JS使用。method:表单提交方法。 GET方式:不安全、数据量较小、不能上传附件。 POST方式:相对安全、海量数据、能上传附件。action:表单数据的处理程序。一般是PHP文件。enctype:表单数据的编码方式(加密)。 application/x-www-form-urlencoded原创 2017-11-17 21:49:19 · 473 阅读 · 0 评论 -
JavaScript 二级菜单联动
select对象属性:options[index]:可以访问到每一个标记。selectedIndex:默认的索引值。索引值从0开始编号。length:读取或设置标记中标记的个数。添加空的标记。通过修改length属性值,来创建和指定的个数name:元素名称option对象属性text:指和之间的文本。value:指的value的值。无标题文档原创 2017-11-18 16:00:16 · 307 阅读 · 0 评论 -
JavaScript 相等和绝对相等(===)
网页标题 var num1=123; //数字 var num2="123"; //字符串 var mybool=(num1==num2); // == 表示相等,num1和num2是相等的 var mybool2=(num1===num2); // === 表示绝对相等,num1和num2不是绝对相等的 //num1和num2相等但不是绝对相等。原创 2017-11-04 10:43:07 · 623 阅读 · 0 评论 -
JavaScript 金字塔(双层for循环)
网页标题 /* * 第一行:1个 2*1(行数)-1 *** 第二行:3个 2*2(行数)-1 ***** 第三行:5个 2*3(行数)-1 ******* 第四行:7个 2*4(行数)-1 ********* 第五行:9个 2*5(行数)-1 // */ for(var i=1;i<=5;i++){/原创 2017-11-04 14:57:17 · 3084 阅读 · 0 评论 -
JavaScript 函数
网页标题 //已知直角三角形的两个直角边,求斜边 function qiuxiebian(a,b){ var he=a*a+b*b; var xiebian=Math.pow(he,0.5); //he的0.5次方 return xiebian; } var bian=qiuxiebian(3,4); //函数调用 document.w原创 2017-11-04 20:01:51 · 189 阅读 · 0 评论 -
JavaScript 全局变量
网页标题 var num1=10; //全局变量 var num2; function hanshu(){ var num1=30; //局部变量。 前面有var,重新申明就表示局部变量。 num2=20; //全局变量。 前面没有var,直接引用就表示引用的全局变量。 } hanshu(); //函数调用 document.原创 2017-11-04 20:07:42 · 335 阅读 · 0 评论 -
JavaScript 笔记
alert() 弹出对话框document.write()> 右移运算符, Math.pow(gen,0.5) // gen的0.5次方。typeof(变量名) //查看变量的类型//获取系统时间,当前时间var d=new Date();var xingqi=d.getDay(); //获取星期几赋值传值(深拷贝):数字和字原创 2017-11-04 20:00:27 · 153 阅读 · 0 评论 -
JavaScript event事件
Event对象简介当事件发生时,会自动向事件调用函数,传递一个event参数。那么,这个event参数,就是event对象。Event对象的作用:可以获取当前事件发生时的环境信息。如:点击时的坐标值。Event对象是短暂存在的,也就是:当一个新的事件发生时,这个event对象就消失了。每时每刻,只能有一个事件发生。每时每刻,只能有一个event对象产生。一、DOM中Even原创 2017-11-14 16:35:22 · 402 阅读 · 0 评论 -
JavaScript 实例:当当网 首页选项卡切换效果
关键代码:function showMe(index){ //book_type_out是类名,类名绑定一种css样式,通过改变类名实现改变css样式,改变css display的属性值。 //book_type_out是标签的当前样式 //book_type 不是标签的当前样式 //book_show 是内容的当前样式 //book_none 不是当前内容的样式 //创建一原创 2017-11-16 19:42:58 · 1327 阅读 · 0 评论 -
JavaScript 实例:当当网 点击展开效果
关键代码:function shopping_commend_show(imgObj){ /* 通过改变css的display属性值来实现展开收起的效果 (1)更换单击的小箭头图片 (2)更换内容的display属性的值 */ //获id=shopping_commend_sort的元素对象 var divObj = document.getElementById("s原创 2017-11-16 20:02:05 · 1465 阅读 · 0 评论 -
JavaScript 实例:当当网 购物车统计总价
当当网购物车统计总价。循环表格所有行(或列)统计计算总价。关键代码:function productCount(){ //变量初始化 var total = 0; //总金额 var jiesheng = 0; //总节省 var jifen = 0; //总积分 //获取id=shopList表格对象 var tableObj = document.getEleme原创 2017-11-16 20:28:08 · 17891 阅读 · 1 评论 -
JQuery 主页面调用子页面(<iframe>)中的JS方法,子页面调用主页面的JS方法
//调用子页面的方法.var childWindow = $("#addFrame")[0].contentWindow; //表示获取了嵌入在iframe中的子页面的window对象。 []将JQuery对象转成DOM对象,用DOM对象的contentWindow获取子页面window对象。childWindow.subFunction(); //调用子页面中的subFunction方法原创 2018-01-15 14:50:57 · 24307 阅读 · 1 评论 -
PHP 5秒后自动跳转到某页面
history.go(-2); //javaScript代码,后退两个页面。setTimeout("playSec("+num+")",1000); //JavaScript代码,定时器,一秒后调用playSec()函数。success.php 操作成功页面error.php 操作失败页面1、success.php 操作成功页面<?php$message=urldecode($_GET["原创 2017-11-29 19:23:08 · 6880 阅读 · 0 评论 -
Ajax xml , JavaScript,PHP。js和Ajax接收处理xml信息
08-xml.html: 新建网页 function f1(){ //① ajax请求xml信息 // responseXML: 专门负责接收xml信息的属性 var xhr = new XMLHt原创 2018-01-28 21:08:03 · 252 阅读 · 0 评论 -
JSON JavaScript中,解析JSON字符串
新建网页 function f1(){ //通过ajax请求json信息回来 var xhr = new XMLHttpRequest(); xhr.onreadystatechange = function(){原创 2018-01-29 11:18:24 · 316 阅读 · 0 评论 -
JSON PHP中返回JSON数据(多个JSON通过一个大的数组组合成一个JSON字符串),在客户端解析JSON数据减轻服务端压力
data.php(服务端通过一个大的索引数组拼装多个JSON数据成一个大的JSON字符串,只能返回这一个大的JSON字符串):<?phpheader("content-type:text/html;charset=utf-8");//实现传统分页效果//连接数据库、获得数据、分页显示$link = mysql_connect('localhost','root','123456原创 2018-01-29 12:12:47 · 3817 阅读 · 0 评论 -
Ajax php,页面无刷新提交表单
05-reg.html(传统方式收集表单数据): 新建网页 window.onload= function(){ var fm = document.getElementsByTagName('form')[0]; fm.原创 2018-01-29 13:41:13 · 502 阅读 · 0 评论 -
PHP Ajax,FormData收集表单数据(包括文件) 页面无刷新上传文件(提交表单)
一、FormData收集表单数据(包括文件)dom可以获取普通表单域信息,并可以直接提交给服务器javascript实现附件信息抓取,之前浏览器技术由于有安全方面的限制,也不允许通过js抓取附件信息。FormData可以实现普通表单域 和 上传文件域 信息的收集。收集附件信息:dom方式只可以收集普通的表单域信息,并且浏览器由于安全方面的限制也禁止通过javascript语言操原创 2018-01-29 14:22:56 · 5911 阅读 · 0 评论