Web开发网 > Web前端开发 > Web前端开发教程 > JavaScript/Ajax开发技巧 > 热门博文
首页 上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] [11] [12] [13] [14] [15] [16] [17] [18] [19] [20] 下一页 尾页 5/28页，每页显示30条，共819条相关记录
javascript从websocket返回的2进制流中获取数据显示到img对象中。ws.onmessage = function(evt) { if(typeof(evt.data)==string){ //textHandler(JSON.parse(evt.data)); }else{ var reader = new FileReader(); reader.onload = function(evt){ if(evt.target.readyState == FileReader.DONE)..
表格可以拖拽更换每列循序，并且可以拖拽修改每列长度jquery插件。使用到了colResizable-1.3.min.js（更改列宽）和colExchange.js（拖拽交换列位置，并且扩展了2个方法removeCol删除列和addCol添加列API方法）这2个插件，效果如下。 表格列交换，拖拽改变列宽示例，查看效果点击这里：表格列交换，拖拽改变列宽示例!DOCTYPE htmlhtml lan..
javascript将canvas对象保存为图片示例，兼容IE9+，chrome，Firefox，效果如下firefox将canvas对象保存为图片chrome将canvas对象保存为图片IE11将canvas对象保存为图片 javascript将canvas保存为图片源代码如下titlejavascript将canvas对象保存为图片示例/titlecanvas id=c/canvasbr /input type=button value=保存canvas为图片 onclick=..
jQuery自适应容器焦点图，兼容移动端浏览器，支持移动端的touch触碰事件滑动切换图片。效果如下 兼容移动端的焦点图，只要放到指定的容器中，焦点图会自动水平填满容器宽度，移动端显示只需要控制指定容器的宽度，不需要关心焦点图显示，会自动填满此容器宽度，高度等比计算得出，图片不会变形。 jQuery自适应容器焦点图，兼容移动端浏..
javascript如何识别webkit核心浏览器是哪种厂商的浏览器，如chrome，360急速，360安全，猎豹，世界之窗，搜狗，qq，百度之类的浏览器，核心都是webkit的，如何区分出不同的厂商。 一般区分浏览器厂商是通过navigator.userAgent来判断特殊字符来实现，但是webkit核心浏览器有些时候navigator.userAgent是完全一样的，不会增加特殊内容（如..
url桌面快捷方式为一个.url 后缀的文件，用blob导出给用户保存就行。不过chrome保存会有危险提示，打开时也会提示是否打开。script function createLinkFile(URL,iconfile) { //快捷方式内容，URL参数为网址，IconFile为快捷方式图标，可以自行修改 var content = `[{000214A0-0000-0000-C000-000000000046}]Prop3=19,11[I..
Highcharts如何设置xAxis水平轴某条线的颜色源代码。Highcharts使用vml（IE8-）或者svg（标准浏览器）进行绘图的，x水平轴的的对象是shape（vml）或者path（svg）来绘制。所以只需要使用导入的jquery框架找到指定的对象就可以更改颜色了。 本示例居于Highcharts-4.0.4，测试DEMO为下载压缩包中的examples\line-basic\index.htm这个事例，..
如何显示网站加了防盗链的图片，破解网站防盗链图片显示。如果要在某个站点加载其他网站的图片，如a.com加载b.com网站的图片，b.com加了防盗链功能，不是b.com允许的域名加载图片时显示防盗链图片，而不是原始图片。a.com要想正常显示b.com的图片，可以使用js来实现。 js破解网站防盗链输出原始图片测试代码如下，加载微信网站图片。div ..
chrome扩展实现2个不同域名跨域通信示例，以下代码通过向百度搜索页面中插入iframe加载本网站页面，然后实现相互发送信息（当然可以在对应页面实现dom的操作，示例仅输出相互发送的信息），效果如下chrome扩展开启开发者模式后可以直接加载扩展程序manifest.json { name: 测试, manifest_version: 2, version: 1.0, aut..
居于jquery的图片水平或者垂直分割后，设置左右或者上下分离效果。 图片分割左右/上下分离效果源代码如下!doctype htmltitle图片分割左右/上下分离效果/titlescript src=http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js/scriptstyle .slider{width:670px;height:560px;overflow:hidden;position:relative;background-repe..
标准浏览器下，输入控件输入内容（type=text或者textarea）或者更改过选中状态（select，radio，checkbox），通过容器的innerHTML并不返回当前输入的value值或者checked，selected状态（只返回页面初始化加载的html代码，就是查看源代码得到的html内容），IE浏览器下则可以通过innerHTML返回输入的值和选择状态。 如下DEMOdiv id=divinpu..
chrome开发工具的sources选项卡会记录浏览器加载的所有资源文件，包括js，css，html资源文件。但是对于使用ajax动态加载的js，css文件，sources选项卡是不会显示此类文件，chrome开发工具的sources选项卡只会记录使用script，link标签加载的js，css资源文件。 如下面的html示例，chrome sources选项卡如下图所示，没有1.js文件记录。scri..
colResizable当页面出现水平滚动条时，无法将拖动块继续拖动出当前可视窗口之外，要解决这个问题，需要修改源代码，当距离右边多少距离时自动滚动水平滚动条，让表格超出可视范围外的内容显示在当前屏幕以便拖动块可以拖动，效果如下 colResizable超过屏幕宽度无法拖动修正如下，注意修改的是非压缩版本的源代码，源代码来源地址：https:..