ajax加载html和里面的js文件

2016-3-26 Jon js+jquery+ajax

需求背景：昨天写代码，遇到一个问题，通过ajax异步加载另一个html文件在当前页面显示，发现加载进来的html文件里面引用的js文件无法执行，就像是来了yuejing的少女羞羞哒哒地跟我说不能上她一样，甚是苦恼。放到html文件里面吧，代码太多切不宜维护。遂摆渡了下，给出的解决方案大致以下几种： 1、采用附加一个iframe的方法去执行js（看到iframe就不想试） 2、document.write输出代码（试下好像也无效） 3、js放到父页面（代码...

标签: js ajax

评论(0) 浏览(2498)

div模拟textarea在光标位置插入数据代码示例

2016-3-12 Jon js+jquery+ajax

input、textarea在光标位置插入数据示例 textarea在光标位置插入数据示例插入 $(function() { /* 在textarea处插入文本--Start */ $.fn.extend({ insertContent: function(myValue, t) { var $t = $(th...

评论(0) 浏览(3567)

js和jquery常用3D标签云代码实例总结

2016-2-14 Jon js+jquery+ajax

js常用3D标签云1 js常用3D标签云1 body{ font-family:"微软雅黑", Arial, sans-serif;} #main{border:none; background:none;} body,ul,li,h1,h2,h3,p,form{margin:0;padding:0;}body{background:#fbfbfb;color:#444;font-size:14px;} a{color:#444;text-decoration:none;}a:hover{color:red;} ...

标签: 标签云

评论(0) 浏览(6469)

利用Ajax判断链接是否有效

2015-11-17 Jon js+jquery+ajax

利用Ajax判断链接是否有效 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>利用Ajax判断链接是否有效</title> </head> <body> <a href="1.html">link1</a> <script src="http://libs....

标签: ajax

评论(0) 浏览(2459)

ajax实现滚动条到底部后异步访问json获取数据

2015-10-20 Jon js+jquery+ajax

当滚动条滚动的底部的时候通过ajax异步获取json数据demo实例 index.html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ajax下拉获取数据</title> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable...

标签: ajax json

评论(0) 浏览(2269)

页面滚动时导航一直停留在顶部demo

2015-10-9 Jon js+jquery+ajax

页面滚动时导航一直停留在顶部demo 页面滚动时导航一直停留在顶部 *, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: none;} .clearfix:before, .clearfix:after {dis...

标签: 置顶

评论(0) 浏览(2657)

在移动端拖拽div

2015-8-10 Jon js+jquery+ajax

找了1天的东西，终于找到了，可以在移动端进行跟随手指移动的div实例 <!doctype html> <html> <head> <meta charset='utf-8' /> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title>手机拖拽</title> <...

标签: 移动端拖拽

评论(0) 浏览(2679)

使用jquery给网页换肤，cookies缓存

2015-7-25 Jon js+jquery+ajax

使用jquery给网页换肤昨天做项目的时候有个论坛需要给页面换肤和改变文章字体大小的功能，找了类型的论坛，扒下来后发现竟然有四个js都需要引入，想了想，还是自己写个吧，写好后发现，比想象中容易点，下面附上源码使用jquery给网页换肤，cookies进行缓存 *{padding:0;margin:0;} body{font-size: 14px;padding:50px 300px;font-family: '微软雅黑'} .style-out{position:...

标签: 换肤 cookies

评论(2) 浏览(2536)

jquery层级选项卡-平凡的世界

2015-6-15 Jon js+jquery+ajax

之前写过js和jquery选项卡的实例，jquery实现防止数据泛滥加载的常用选项卡现在写的这个是层级的选项卡，按照这个结构嵌套下去可以实现无限极选项卡，只须写html和css即可废话不多说，直接上代码 jquery实现层级选项卡-平凡的世界 *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-bo...

标签: jquery选项卡

评论(0) 浏览(2414)

使用js给数组去重的4种常用方法

2015-6-14 Jon js+jquery+ajax

之前我在博客园发表过一篇使用js给数组去重的3种常用方法，今早起来无事便又写出一种数组去重的方法，其实也是新瓶装旧酒，在这里再总结下吧！首先还是定义一个数组，以供下面四种方法调用 var arr=['js','js','js','html','js','java','html5','c#','c#','css','html','js']; 1，方法一：简单易理解 Array.prototyp...

标签: 数组

评论(0) 浏览(2476)

js数据类型判断的几种方法总结

2015-6-9 Jon js+jquery+ajax

js数据类型判断的几种方法总结首先定义一组变量： var a = "zifuchuan", b = 100, c = true, d, e = [1,2,3], f = new Date(), g = function(){alert(1)}, h = {}, i = null; ...

评论(0) 浏览(2327)

js监听文本内容改变事件最佳实践oninput和onpropertychange

2015-6-4 Jon js+jquery+ajax

今天看到一个面试题，大致是使用js实时监听一个文本框变化事件简单想了下，实现方式有很多种，但有些存在弊端，在这里总结下 onchange事件：内容改变并失焦是触发（脚本触发无效） onblur：只要失焦就会触发 onfocus：事件在对象获得焦点时发生而下面事件在处理复制、粘贴、拖拽、长按键（按住键盘不放）等细节上并不完善。 onkeyup 事件会在键盘按键被松开时发生 onkeydown 事件会在用户按下一个键盘按键时发生 ...

标签: js

评论(0) 浏览(4485)

高效率jquery代码写法及jquery方法大总结

2015-5-20 Jon js+jquery+ajax

一、高效率jquery代码写法 // 条件加载Jquery,如果CDN没有下载到Jquery，则从本地读取。 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script>window.jQuery || document.write('<script src="/public/js/jquery.js"><\/script>')</script> // Jquery和$的关系 window.jQu...

标签: jquery

评论(0) 浏览(2591)

使用原生js实现淡入淡出效果实例

2015-5-15 Jon js+jquery+ajax

淡入淡出效果，一般使用jquery很方便实现实现，如下使用jquery实现淡入淡出 body {padding:10px 200px;color:#777; background:#222} button {border:1px solid #eee; background:#ccc;border-radius:3px;width:145px;color:#555;line-height: 25px;cursor: pointer;} but...

标签: js淡入淡出

评论(0) 浏览(2680)

jquery实现防止数据泛滥加载的常用选项卡

2015-5-14 Jon js+jquery+ajax

jquery实现防止数据泛滥加载的常用选项卡 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery实现防止数据泛滥加载的常用选项卡</title> <style> body { padding: 50px 200px; ...

标签: 常用选项卡

评论(0) 浏览(2368)

1 2 3 4

皖ICP备15010162号-1 ©2015-2022 知向前端
qq:1614245331 邮箱：13515678147@163.com Powered by emlog sitemap