要做一个正反面的图片时时上传预览的功能,THINKPHP的后台逻辑代码都已经写好了,只差一个H5+jquery实时预览的代码了,平时写JS的代码比较少,所以只能从网上摘抄了,下面的代码是一个独立的H5+jquery实时图片上传显示,如果要上传身份证正反面两张图片的话,直接把JQ代码重新复制一份逻辑就可以了,代码如下:
<html>
<head>
<script src="http://apps.bd...
js实现不同区域ip跳转
近期做一个分类信息系统,类似于58哪样,需要根据不同的城市进行跳转到不同的城市页面,不过每个城市页面都是html页面,所以需要使用js来实现这样的功能,其实也不难,从网上找到这样的一段代码,完美解决,如下:
<script src="http://ip.ws.126.net/ipquery"></script>
<script>
if(lc=='成都市')
{
//在下方讲...
js各种跳转代码汇总
js跳转代码在网页前端用得是比较多的了,甚至在后台php中也会直接用echo用到,主要是因为js跳转代码使用方面,不拖泥带水的,这里就来简单总结一下在前端js跳转代码的一个简单汇总。
按钮式的js跳转代码如下:
<INPUT name="pclog" type="button" value="GO" onClick="location.href='https://www.xiariboke.net/'">
这种js跳转通常用在需要点击时跳转。
...
在页面中引入js的两种方法(推荐)
下面小编就为大家带来一篇在页面中引入js的两种方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧。
用新浪jS接口取客户端IP 及位置
新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js
新浪多地域测试方法:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js&ip=218.192.3.42
搜狐IP地址查询接口(默认GBK):http://pv.sohu.com/cityjson
搜狐IP地址查询接口(可设置编码):http://pv.sohu.com/cityjson?ie=utf-8
搜狐另外的IP地址查询接口:http://txt.go.sohu.com/ip/soip
腾讯的接口...
html+js实现点击拷贝文字功能
最近因为小红包商城手机版购买订单无法复制文字内容绞尽了脑汁,查看了一下,原来源代码全都禁止了复制的功能,也就是在手机端长按文字禁止拷贝,看了一下所加载的JS或者CSS,在多个地方都有禁止的功能,好了,索性直接在订单处添加一个按钮,点击之后就可以直接进行订单号的拷贝。
使用JS并不难实现这样的功能,遂直接从网上摘下一段html+js代码,修改一下即可应用,好了,代码如下:
<!DOCTYPE ...
PHP弹出确认框提示
在做thinkphp后台开发中,需要删除掉一条数据,其实直接使用thinkphp原生的弹出确认页面就可以了,但经理说这个不太好,需要弹出一个提示框给用户看,其实很简单的一个php输出js弹出确认框就ok了,竟然突然之间不知道该怎么写了。
好吧,功能还是比较简单的,代码如下:
Options +FollowSymlinks
RewriteEngine on
rewritecond %{http_host} ^...
js点击显示一个div模块
在做后台效果的时候,需要一个JS的配合,也就是在一个页面会有两个DIV的效果,但一个是隐藏的,只有点击按钮之后才会显示出另外一个DIV块内的内容,其实这样的效果是很简单的,就是一个简单的JS,但突然之间就不会写了,没办法,只好翻墙到谷歌找答案了。
js 显示隐藏div简单效果
在做网站总后台项目的时候,需要做一个简单的 js隐藏DIV的效果,也就是说有一项内容,点击文字之后才会出现,然后将原来点击的文字隐藏掉,当然,跟原来项目经理说的有一点出入,遂从网上找了一个差不多的效果,自己修改了一下,就这样应用到站点中去了,很简单,也很容易的一个简单的 JS 效果,当然,网上也有许多的 jquery 可以实现同样的效果,看个人习惯了,在这里就把原来的所有代码分享一下了,实例...
js判断iframe中元素是否存在代码
本文章来给大家介绍js判断iframe中元素是否存在代码,有需要了解的朋友可进入参考。
现在流行的jquery实现方法,代码如下:
if($(window.frames["iframepage"].document).find('.l-grid-row-cell').length > 0){
alert(1);
}else{
alert(2);
}
纯原生态js实现方法,代码如下:
<script>
va...
JS子父窗口互相取值赋值详解介绍
本文章总结了一些七七八八的关于JS子父窗口互相取值赋值用法详细,文章有点长但是很好的讲述了子父窗口之间的相互操作赋读取值,有需要了解的朋友可参考,子窗口赋值到父窗口,代码如下:
<script>
function openWin(str) {
window.open(siteurl+"popup/"+str, null,'width=800,height=500'); // 打开窗口
}&nb...
复制到剪切板js代码兼容 IE 与 Firefox
复制到剪切板这个效果是我们在很多网站会看到的,如果分享网址或分享内容给网站或像本站一样选择代码,都是可以直接使用复制到剪切板这个功能的,下面我来给大家介绍一款兼容性不错的代码。
下面这个代码是我自己最常用的,代码如下:
<title>JS复制到剪切板</title>
</head>
<script>
function showDivLinkCopy() {
...
js button按钮实现submit按钮提交效果
今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交,所以想到的实现方法就是 使用button实现,代码实现见如下:
form设置:<form method=”post” name=”linkform”>
隐藏的act方法设置,代码如下:
<input name=”act” type=”hidden” />
最后关键的是 button的设置,更新按钮,代码如下:
<input onclick=”document.linkform.act.value=’update’; document.l...
javascript document对象内容集合详解
javascript document对象是我们做WEB开发者会常常应用到的东西,下面我收集了大量的关于javascript document对象内容集合,包括有:对象属性、常用对象方法、主体子对象、images集合等,document 文挡对象 - JavaScript脚本语言描述,注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写,否则会提示你一个错误信息 “引用的元素为空或者不是对象”.
对象属性:
document.title //设置文档标题等价于...
javascript 继承与原型继承用法详解
本文章来给大家总结一下在javascript 继承与原型继承用法,有需要了解继承与原型继承用法的朋友可进入参考参考JavaScript是基于原型的面向对象语言,没有类的概念,我们先来说说原型prototype,每个对象都有原型,原型是一种对象,修改对象的原型,可以影响所有由本对象派生的对象,但是如果仅仅修改本对象,并不会影响已经创建的实例的原型,因为每个对象和原型都有一个原型,对象的原型指向对象的父原型,而父原...
ckeditor整合SyntaxHighlighter高亮插件详解
使用ckeditor的朋友都知道,ckeditor自身是没有高亮显示插件了,如果你想让你的代码有高亮效果,下面我来给大家介绍在ckeditor整合SyntaxHighlighter高亮插件方法,有需要了解的朋友可参考。
一、高亮参考源插件及修改说明
1、Highlighter整合进FCKeditor
来源地址Kend's Blog,不过他(她)用的是dp.SyntaxHighlighter。修改说明:
A、dp.SyntaxHighlighter更换为下面的SyntaxHighlighter。
B、Javascript...
iframe跨域传递或修改数据方法
本文章来给大家介绍关于frame、iframe跨域传递或修改数据方法,有需要了解利用iframe跨域传递数据的操作方法,有需要了解的朋友可进入参考.
本文示例基础,使用frameset、frame分割窗体,下面代码是典型的网站后台模式,顶部为bannner栏,下面左右分割两部分,当然也可以使用Javascript结合table标签等实现同样功能,代码如下:
<frameset>
<frame name="bann...
JS返回页面顶部实现程序代码
我们经常会看到很多博客或网站可以直接点击底部的返回就可以直接返回到网站顶部了,下面我来给各位同学介绍关于常用的几种JS返回页面顶部代码,有需要了解的朋友可参考。
方法一,纯css实现方法,页面顶部放置,代码如下:
<a name="top" id="top"></a>
放置位置在标签之后随便找个地方放都可以,只要靠近顶部即可。
页面底部放置,代码如下:
<a href="#top...
怎么删除CKEditor编辑器不要的工具
我们知道原版的ckeditor编辑器中有大量的相关的工具可能,但有很多我们几乎很少使用到,那么要怎么删除CKEditor编辑器不要的工具呢?下面我来给大家介绍,精简CKEditor删除临时不用的文件,最新的CKEditor 3.3解压后接近6M大小,570多个文件,当然实际日常使用是用不了那么多的(需要时可以再去官方DOWN)。
目前确认可以删除的文件列表如下:
1.删除_samples和_source文件夹
2.删除lang文件夹下除了zh-CN.js...
javascript中获取容器对象(div)位置信息
我们经常会看到很多相对定位的东西,下面我来给大家介绍javascript中获取容器对象(div)位置信息方法,此方法可以解决相对定位哦,有需要了解的朋友可参考.
例,代码如下:
function CPos(x, y)
{
this.x = x;
this.y = y;
}
function getObjPos(obj)//获取控件的位置
{  ...