![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
xiyan_yuan
这个作者很懒,什么都没留下…
展开
-
节点拖拽
之前的事件绑定有个错误,如果在div 范围外抬起鼠标,布局会乱,up 里的操作没执行,经过研究学习,改了一下html//oncontextmenu 阻止鼠标右键 弹出菜单<body oncontextmenu="return false" >1213213//onselectstart 阻止鼠标左键 选中文本,<div id="box" onselectstart="return fal原创 2017-09-13 12:39:20 · 394 阅读 · 0 评论 -
纯静态html页面,js 如何拦截请求url的后缀不是.html的访问地址
纯静态html页面,如何拦截请求url的后缀不是.html的访问地址你不要被标题给骗了,你如果想法是“如何拦截url”,那你就想错了,因为html页面是无法拦截那些后缀名不是.html的url的,我当时也总这么想,所以总找不到解决方法。换了种方法,就解决了背景:从总监那里得知,说要给公司做一个官网,把旧官网换掉,做个新的,而且公司买了百度的流量,考虑到,这股流量,会不会有可转载 2017-09-20 11:28:18 · 1075 阅读 · 0 评论 -
什么是跨域?
什么是跨域?跨域,指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对javascript施加的安全限制。所谓同源是指,域名,协议,端口均相同,不明白没关系,举个栗子:http://www.123.com/index.html 调用 http://www.123.com/server.php (非跨域)http://www.123.com/i转载 2017-09-19 23:34:51 · 285 阅读 · 0 评论 -
JS 获取链接(url)参数以及锚链接(anchor)结合富ajax的应用(ajax前进/后退的问题)
1. JavaScript获取url链接的方法: Js代码 "javascript">document.write(window.location.href ); 格式为 http://127.0.0.1/index.php?c=index&name=top#mao Js代码 "javascript">doc转载 2017-09-20 02:31:17 · 1106 阅读 · 0 评论 -
JSON和JSONP (含jQuery实例)(share)
来源:http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨域可以通过服务器端代理来解决。但到目前为止最被转载 2017-09-20 01:32:38 · 501 阅读 · 0 评论 -
跑马灯轮播
个人学习使用 注解:html 用 li 进行横向布局,通过js 动态修改 ul 的left 值达到轮播效果,鼠标放在ul上,停止动画,鼠标离开,继续动画 html<html> <head> <meta charset="UTF-8"> <script src="jquery-1.11.3/jquery.min.js"></script> </head> <原创 2017-09-02 14:52:36 · 1245 阅读 · 0 评论 -
计算鼠标至元素中心的距离
首先将一个元素定位在当前页面的中心位置(自适应),然后用mousemove 去监听鼠标,实时计算鼠标当前位置到元素中心的距离。 html<html><head></head><body><a id='text'></a><div id='center_box'></div></body></html>css#center_box{ width:100px; height原创 2017-09-02 11:51:20 · 734 阅读 · 0 评论 -
画布做加载动画!
html<html> <head> <meta charset='UTF-8'> <script src="http://www.oxcoder.com/sys/js/libs/jquery-1.11.0.min.js"></script> </head> <body> <canvas id='canvas'></canvas> </b原创 2017-09-01 20:54:56 · 380 阅读 · 0 评论 -
数组冒泡排序
<script> var arr=[2,4,1,6,7,8,33,11]; function sort(array){ //使用双循环去遍历数组,第一个循环取 array 的一个数据,第二个循环拿上个循环数据的后面一个数据,两个数据进行比较。 for(var i=0;i<array.length;i++){ for(var u=i+1;原创 2017-09-01 19:36:53 · 513 阅读 · 0 评论 -
js 数组去重
var arr = [1,2,3,2,1,4,5,2,66,7];将数组进行循环,第一个循环是拿出数组的一个数组做第一个比较的数据,第二个循环拿上个循环数据的后面一个数据。两个数据进行比较function deletedouble (array){ for(var i = 0; i原创 2017-09-01 19:21:47 · 206 阅读 · 0 评论 -
css3 五角星圆形导航
html<div class="header"> <div class="starte">start</div> <ul> <li class="w">one</li> <li class="w">two</li> <li class="w">three</li> <li原创 2017-09-17 12:53:12 · 631 阅读 · 0 评论 -
前端web开发的MVC模式 - 从一个简单实例讲起
前端web开发的MVC模式 - 从一个简单实例讲起MVC概论起初来之桌面应用开发。其实java的structs框架最能体现MVC框架:model模型是理解成服务器端的模块程序;view为发送给客服端的内容;control为servlet程序控制跳转和工作流。随着前端Ajax兴起、前端开发工作进一步划分:js程序员和ue页面制作、另外从整个前端项目的清晰明朗以可扩展性转载 2017-09-15 11:41:03 · 790 阅读 · 0 评论 -
前端 js 面试题
1.使用js在一个div中追加10个复选框,选中复选框的时候弹出选中个数。追加一个复选框var checkBox=document.createElement("input");checkBox.setAttribute("type","checkbox");checkBox.setAttribute("id",'123456')转载 2017-09-15 10:54:00 · 473 阅读 · 0 评论 -
js 日期时间格式化
var date=new Date(); date.getYear(); //获取当前年份(2位) date.getFullYear(); //获取完整的年份 (4位,2017) date.getMonth(); //获取当前月份 (0-11 0代表1月) date.getDate(); //获取当前日 (1-31)转载 2017-09-07 12:36:05 · 5375 阅读 · 0 评论 -
常见的web性能优化方法
前端是庞大的,包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的,针对方方面面的资源都有不同的方式。那么,前端优化的目的是什么 ? 1. 从用户角度而言,优化能够让页面加载得更快、对用户的操作响应得更及时,能够给用户提供更为友好的体验。 2. 从服务商角度而言,优化能够减少页面请求数、或者减小请求所占带宽,能够节省可观的资源。转载 2017-09-14 13:21:46 · 208 阅读 · 0 评论 -
闭包 arguments 属性的使用(闭包)
写出一个text函数,并实现以下效果 text(1,2); 输出 3 text(1)(2); 输出 3 text(1,2)(3); 输出 6 text(1,2)(3,4);输出 10声明一个text函数,先对arguments参数的数量进行判断,然后再返回出一个函数,返回函数里再对arguments参数的数量进行判断进行返回输出调用text() 只支持单个参数function text(){原创 2017-09-06 14:51:39 · 823 阅读 · 1 评论 -
js获取URL参数以及Struts2与ajax json的交互
json_demo.jsp页面(该页面引用了jquery文件,我用的版本是jquery-1.8.2.js,如果使用版本不同,请自行修改):01<%@ page language="java" contentType="text/html; charset=UTF-8"02 pageEncoding="转载 2017-09-20 12:22:29 · 256 阅读 · 0 评论