JavaScript
ZhangXD_BLOG
坚持,就会有收获。
展开
-
JavaScript-平滑滚动到顶部、底部、指定地方
<!DOCTYPE><html><head><meta charset=utf-8" /><title>js平滑滚动到顶部、底部、指定地方</title><script type="text/javascript" src="http://www.daixiaorui.com/原创 2018-12-21 15:35:11 · 904 阅读 · 0 评论 -
krpano调用网页js函数
原创 2017-10-30 17:56:55 · 1680 阅读 · 0 评论 -
解决360浏览器中input框字体颜色不变问题
1. html页面: <form> <div> <ul> <li> <input type="text" name="username" placeholder="用户名">原创 2017-12-28 17:43:02 · 598 阅读 · 0 评论 -
table表头固定,内容可滚动问题
1.首先新建html页面body中写入: <div class="title_div" id="tdiv"> <table class="title_tb" id="tb1"> <tr> <td width="80">文件类型<原创 2017-12-28 18:06:30 · 9193 阅读 · 0 评论 -
微信公众平台-微信发送朋友、分享到QQ、分享QQ空间、分享腾讯微博-JSSDk接口
jssdk.php:<?phpclass JSSDK { private $appId; //公众号的appid private $appSecret;//公众号的密钥 public function __construct($appId, $appSecret) { $this->appId = $appId; $this->app...原创 2016-10-24 16:14:07 · 2176 阅读 · 0 评论 -
各种位置和高度计算:.position()、.offset()、.outerHeight()、.scrollTop、.scrollHeight、.clientHeight
1、.position()和.offset()jquery的.position()获取相对于最近的position为relative或absolute的父元素的偏移,返回.position().left和.position().top,不算上自己的margin-left;jquery的.offset()获取相对于视口左上角的偏移,返回.offset().left和.offset().top...转载 2016-08-13 16:31:56 · 5850 阅读 · 0 评论 -
移动端-音乐自动播放-微信测试可行
<audio src="image/music.mp3" id="Jaudio" class="media-audio" autoplay preload loop="loop"></audio>js:要放到audio下面<script> function audioAutoPlay(id){ var audi原创 2018-08-14 18:23:26 · 609 阅读 · 0 评论 -
移动端页面-日历调用
测试ios和安卓端都可用:代码如下html:<div class="head"> <a class="btn-1"> <input type="button" id="start_date"/> </a> </div>原创 2018-08-14 17:20:07 · 1968 阅读 · 0 评论 -
移动端上传图片--调用手机的相册和相机
网上百度找到一个方法不错,借鉴:代码如下html:<div class="head"> <a class="btn-2"> <input type="file" accept="image/*" id="upload" name="upload"> <原创 2018-08-14 17:11:56 · 8557 阅读 · 1 评论 -
krpano实践之全景图缩放,旋转,倾斜,自动旋转,VR,全屏方法-js调用
在此仅提取方法,需要时可以直接调用相关方法 /*定义控件*/var krpano = document.getElementById("krpanoSWFObject");/*获取变量*/var fov = Number(krpano.get("view.fov"));var hlookat = Number(krpano.get("view.hlookat"));var vl...转载 2017-10-30 16:59:29 · 5208 阅读 · 0 评论 -
krpano调用js方法并传参、在krpano中用JS实现视频音频播放
Krpano中的action可以调用javascript中写好的函数。主要参考krpano360的资料和new720的资料。个人感觉前者没有后者讲的清楚,后者更适合初学者一些。根据krpano调用js的方法,就可以用krpano调用js,然后用js写视频和音频。顺序是在js文件中写好要实现的功能(我的js文件名称为action.js),然后在krpano生成的tour.html中引入这个...转载 2017-10-18 18:48:05 · 2641 阅读 · 0 评论 -
krpano-自动旋转和自动场景跳转的实现
<autorotate enabled="true" waittime="0.5" accel="1.0" speed="5.0" horizon="0.0" tofov="90" /> 通过events执行停止delayedcall和开始delayedcall的动作 <events onnewpano="转载 2017-10-18 18:45:44 · 1665 阅读 · 0 评论 -
form表单提交前判断-提示框(自定义美化提示框)
index.html: <form action="" method="post" id="form1" enctype="multipart/form-data"> <div class="box"> <ul> <li>原创 2018-12-21 14:55:15 · 2054 阅读 · 0 评论 -
HTML5下video右键禁用-禁止右键下载视频
<script language="javascript" type="text/javascript" src="script/jquery-1.7.1.min.js"></script><script>$(document).ready(function(){$('#video').bind('contextmenu',function() { re..原创 2018-11-13 14:33:43 · 9605 阅读 · 0 评论 -
JavaScript多个h5播放器video,点击一个播放其他暂停
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>多个H5播放器video 如何播放暂停</title></head><body>原创 2018-09-25 10:15:50 · 8343 阅读 · 3 评论 -
vue.js开发环境安装教程
一、简介Vue.js 是什么Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 ...转载 2017-06-30 14:27:19 · 869 阅读 · 0 评论 -
安装vue.js的方法
安装vue.js的方法一、简介Vue.js 是什么Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。Vue.js...转载 2017-08-16 16:32:17 · 290 阅读 · 0 评论 -
Sublime Text3配置Vue 语法
下载的文件 link: https://pan.baidu.com/s/1nv7C4B3 密码: w5zs sublime菜单栏 -> 首选项 -> 浏览插件,打开Packages文件夹 把步骤1的文件解压到packages目录 sublime 中 Ctrl + Shift + P 输入 vue 回车 重启sublime 打开.vue文件 看到...转载 2017-08-18 11:21:45 · 649 阅读 · 0 评论 -
html5shiv.js让IE6、IE7、IE8支持html5新标签
一、插件介绍用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。所以我们在使用过程中,想要让低版本的浏览器,即IE9以下的浏览器支持,那么这款html5shiv.js是一个非常好的选择!上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用html5.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,所以这个js...转载 2017-09-12 10:59:00 · 376 阅读 · 0 评论 -
网页中怎么插入flash的代码
做页面前端的过程中经常需要在页面中插入flash,那么你知道如何在网页中插入flash吗?下面本文将把这一段标准的代码贴在下面,以备需要的时候能拿来用,毕竟这种代码超长,靠记忆是很难的。OK,具体如何在网页中插入flash的代码片段如下: <OBJECT codeBase="http://download.macromedia.com/pub/shockwave/cabs/flas...原创 2017-06-12 14:39:50 · 5254 阅读 · 0 评论 -
Android、iOS手机端-添加背景音乐
<audio style="display:none; height: 0" id="bg-music" preload="auto" src="../static/videos/bg-music.mp3" loop="loop"></audio><script> //音乐自动播放 $(转载 2017-06-22 11:37:41 · 856 阅读 · 0 评论 -
javascript--JS面向对象、其他定义类和对
JS面向对象、其他定义类和对象的方法1、面向对象三大特征:封装、继承、多态封装:用函数把重复调用的代码封装起来集成:子类集成父类的一些特性多态:函数名相同、参数不同2、闭包:类内部的函数fun1()能够调用类fun()内部的属性,进行改写Function fun(){ Function fun1(){}}2、其他定义类和对象的方法:(1)类的定义,通...原创 2016-06-14 08:49:54 · 359 阅读 · 0 评论 -
javascript--星座查询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>星座判断</title></head><body>2.实现星座的判断<原创 2016-06-01 22:37:03 · 3207 阅读 · 0 评论 -
javascript--数组
数组1、定义:一组数组,相当于一组数量2、 语法一:var stu=new Arry(10);--------数组的长度stu.length为10 var[0]=99;-------下标从0开始var[1]=45;……………var[9]=120; 语法二: Varstu=[99,23,45,37]; 3、举一个例子,实现输出所有数组、求最大...原创 2016-06-02 21:06:15 · 364 阅读 · 0 评论 -
javascript--冒泡排序、数组函数
1、 冒泡排序例子:for (var i = 0; i < stu.length - 1; i++){ for (var j = 0; j < stu.length - i - 1; j++) { if (stu[j] < stu[j + 1]) { var s = stu...原创 2016-06-03 20:47:44 · 413 阅读 · 0 评论 -
javascript--字符串、字符数组
字符串和字符数组1、 定义:字符串的核心是字符数组。不等于字符数组 (1) 定义字符串例子:定义:var str = "hello world";输出:Document.write(str); (2) 定义字符数组定义一:var str1 =["h","e","l","l","o","","w",&q原创 2016-06-06 21:24:12 · 588 阅读 · 0 评论 -
javascript--函数的定义和使用
函数的定义和使用:1、 语法: 语法:function 函数名(参数){ 函数体; return变量;---------------想要输出函数值,则需要加return}调用:函数名(); 2、 定义: (1) 通过函数可以把重复使用的代码封装例子: var m=1; function fu...原创 2016-06-07 22:21:18 · 314 阅读 · 0 评论 -
javascript--动态添加表格(三种方法)
题目:用户输入行和列,动态创建表格: 方法一:createElement(),创建标签(缺点:每创建表格在原来的基础上新建表格) <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>动态添加表格-createEl原创 2016-06-07 22:23:02 · 1534 阅读 · 0 评论 -
javascript--if语句、循环语句
If语句和循环语句1、‘’’分支语句(if语句) 语法一:if语句If(条件){语句块} 语法二:if和elseIf(条件){ -----------------条件判断执行:可用ture/false或者1/0 } else{语句块}例子:判断学生成绩:<script>var a = prompt("请输入学生成绩");...原创 2016-06-01 22:35:40 · 852 阅读 · 0 评论 -
javascript--DOM对象实例集合
在HTML中添加3个对象1.按钮 显示2.按钮 隐藏3.DIV当点击显示时候div显示当点击隐藏div隐藏<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>div显示隐藏</title&原创 2016-06-14 08:52:28 · 439 阅读 · 0 评论 -
javascript--键值或按钮控制div移动、轮播
1、在屏幕添加四个按钮,上下左右,来控制一个div的移动 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>点击按钮操作上下移动</title></head>原创 2016-06-14 08:53:42 · 765 阅读 · 0 评论 -
javascript--爱奇艺网站首页(轮播图)
实现一个爱奇艺网站首页的轮播图: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>爱奇艺导航</title> <style type="text/css&原创 2016-06-14 08:54:32 · 4127 阅读 · 2 评论 -
js创建对象的几种常用方式小结
最近在看javascript高级程序设计,其中对对象的创建做了具体的阐述,综合起来,总结了下(je知识库javascript专栏由这方面的教程,有兴趣的可以去知识库看看)第一种模式:工厂方式 复制代码 代码如下:var lev=function(){ return "脚本之家"; }; function Parent(){ var Child = new原创 2016-09-07 23:53:55 · 318 阅读 · 0 评论 -
JavaScript的闭包特性 如何给循环中的对象添加事件
深入理解JavaScript的闭包特性如何给循环中的对象添加事件初学者经常碰到的,即获取HTML元素集合,循环给元素添加事件。在事件响应函数中(event handler)获取对应的索引。但每次获取的都是最后一次循环的索引。原因是初学者并未理解JavaScript的闭包特性。有个网友问了个问题,如下的html,为什么点击所有的段落p输出都是5,而不是alert出对应的0,1原创 2016-08-26 17:45:49 · 1297 阅读 · 0 评论 -
ImageFlow相片特效插件-参数设定说明
參數設定說明:aspectRatio: 1.964, /* ImageFlow的高度 */buttons: false, /* 上下張按鈕 */captions: true, /* 標題顯示 */imageCursor: 'default', ...原创 2016-08-20 21:37:27 · 4900 阅读 · 0 评论 -
javascript-ajax的使用
index.html:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>ajax请求服务器</title></head><body>原创 2016-06-22 15:25:54 · 297 阅读 · 0 评论 -
javascript--Cookie的使用、案例刀塔传奇
Cookie的使用1、定义:是一种以文件(Cookie文件)的形式保存用户数据信息。2、写入Cookie格式:document.cookie="关键字=值[;expires=有效时间]"例子://存cookie function saveCookie(key, content) { // "zhang" "123" va...原创 2016-06-22 15:25:11 · 504 阅读 · 0 评论 -
javascript--全选、取消全选、反选
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>全选、取消多选、反选</title> <style type="text/css">原创 2016-06-22 15:24:31 · 306 阅读 · 0 评论 -
javascript--javascript表单处理
Javascript表单处理1、javascript事件onclick-----鼠标点击onchange-------文本内容或下拉菜单中的选项发生改变onfocus-----获得焦点onblur------失去焦点onMouseOver------鼠标滑过onMouseOut-----鼠标离开onMouseMove-------鼠标移动onLoad------网页文档加载(...原创 2016-06-22 15:23:18 · 303 阅读 · 0 评论 -
javascript--贪食蛇(完整版-逻辑思路)
逻辑思路:创建表格,目的画线分割 创建地图div,让蛇在上面移动 创建所有的块,蛇头、身体、食物创建的蛇头、身体、食物div,添加到地图中 蛇头、身体、食物随机产生坐标 设置蛇头的初始方向 设置按键改变蛇头方向 开启定时器,自动移动蛇头 4.食物判断是否吃到食物(蛇头的left和top等于食物的left和top) 碰撞则随机产生食物(随机坐标) 5.身...原创 2016-06-22 15:21:45 · 7006 阅读 · 0 评论