≡ 分类 ≡
≡ 推荐 ≡
- PHP Token 认证机制实现
- PHP PDO预处理条件查询
- JavaScript 默认值设置方法
- Promise 的基本使用方法
- 完整支持TRUNCATE TABLE和其他SQL语句的导入方案
- Jquery+ajax返回的数据类型为script，且含有多个变量
- PHP类使用详解
- jQuery AJAX success 回调中的返回值处理
- PHP解压缩Gzip文件方法总结
- JavaScript Promise 用法详解
- PHP PDO 导出指定表数据（导入前清空表）
- PHP 中使用 try-catch 捕获错误信息
- JavaScript数组求平均值方法总结
- MySQL 5.7 忘记 root 密码解决方法
- HTML 图片异步加载
- 根据某数组，在另一个数组中检索并输出对应值
≡ 热点 ≡
- 用Javascript为图片img添加onclick事件
- 图解Windows Installer制作软件安装包
- 轻型数据库SQLite结合PHP的研发
- 在没有MySQL支持的虚拟主机，在PHP中使用文本数据库
- PHP之glob函数
- DIY服务器硬盘RAID选用
- PHP代码优化及PHP相关问题总结
- Windows操作系统发展历史二
- 用PHP函数解决SQL injection
- ISP如何在网内部署BGP路由协议
- Div+CSS：absolute与relative
- Photoshop CS3：为美女刷出亮白牙齿
- PHP CURL 发送和接收XML数据
- 采集cz88.net免费代理的小程序
- Fireworks打造热力四射手机广告
- 记录搜索蜘蛛爬行记录的Asp代码
video.js实例
<div id="videobody" style="background:url(images/bg.jpg);background-size:contain;" width="1024" height="640" align="center">'</div>
if (videojs.getAllPlayers().length > 0) {
var myplayer = videojs('my-video');
myplayer.dispose();
}
var videourl = 'https://xxx.ddd.tv/xxx.m3u8';
$('#videobody').html('<video id="my-video" class="video-js" width="1024" height="640" controlslist="nodownload" disablePictureInPicture></video>');
var myplayer = videojs('my-video', {
controls: true, //是否显示控制条
//poster: 'xxx', //视频封面图地址
preload: 'auto',
au...
类别：网页编程 - JavaScript 查看：73 更新：2024-08-23
用户(IDUser)ID和认证ID(Authentication ID)的区别
在一些比较有有名的SIP软电话中，经常需要配置 display_name、 user_name、Authentication_name； display_name ：被认为是用户昵称 ，就如同qq中的显示名称，但它不是唯一的； 用户ID（user-name）是电话的SIP地址中用户部分，而且通常是作为呼叫者ID的信息，显示在SIP软件或者电话机的LCD上。 典型的情况下，用户ID（user-name）是一个电话号码或者是扩展了的数字，或者是一个用户的名字。 而认证ID（authentication-name）则是严格地用于认证目的之I...
用Jquery的height()、width()计算动态插入的IMG标签的宽高
先来看现象： 复制代码 代码如下:<div id="cc"></div> <script> $(document).ready(function() { $("#cc").append("<div id='aa' style='width:200px;height:200px;' /></div>"); alert($("#aa").width()); }); </script> 结果为：200 所有浏览器都得到正确的结果 把插入的元素改为IMG 复制代码 代码如下:<div id="cc"></div> <script> $(document).ready(function() { $("#cc").append("<img id='aa' src='http://www.jb51.net/images/logo.gif' />"); alert($("#aa").width()); }); </sc...
类别：网页编程 - JavaScript 查看：159 更新：2014-06-16
jQuery：CSS->尺寸->outerWidth(options)
outerWidth(options) 返回值:Integer
概述
获取第一个匹配元素外部宽度（默认包括补白和边框）。
此方法对可见和隐藏元素均有效。
参数
optionsBoolean默认值:'false'
设置为 true 时，计算边距在内。
示例
描述:
获取第一段落外部宽度。
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:first");
$("p:last").text( "outerWidth:" + p.outerWidth() + " , outerWidth(true):" + p.outerWidth(true) );
结果:
<p>Hello</p><p>outerWidth: 65 , outer...
类别：网页编程 - JavaScript 查看：139 更新：2014-05-28
jQuery：CSS->尺寸->innerWidth()
innerWidth() 返回值:Integer
概述
获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。
此方法对可见和隐藏元素均有效。
示例
描述:
获取第一段落内部区域宽度。
HTML 代码:
<p>Hello</p><p>2nd Paragraph</p>
jQuery 代码:
var p = $("p:first");
$("p:last").text( "innerWidth:" + p.innerWidth() );
结果:
<p>Hello</p><p>innerWidth: 40</p>
...
类别：网页编程 - JavaScript 查看：158 更新：2014-05-28
jQuery：CSS->尺寸->width(val)
width(val) 返回值:jQuery
概述
为每个匹配的元素设置CSS宽度(width)属性的值。
如果没有明确指定单位（如：em或%），使用px。
参数
valString, Number
设定 CSS 'width' 的属性值
示例
描述:
将所有段落的宽设为 20:
jQuery 代码:
$("p").width(20);
类别：网页编程 - JavaScript 查看：152 更新：2014-05-28
jQuery：CSS->尺寸->width()
width() 返回值:Integer
概述
取得第一个匹配元素当前计算的宽度值（px）。
在 jQuery 1.2 以后可以用来获取 window 和 document 的宽
示例
描述:
获取第一段的宽
jQuery 代码:
$("p").width();
描述:
获取当前窗口的宽
jQuery 代码:
$(window).width();
类别：网页编程 - JavaScript 查看：142 更新：2014-05-28
jQuery选择器->表单->:hidden
:hidden 返回值:Array<Element(s)>
概述
匹配所有不可见元素，或者type为hidden的元素
示例
描述:
查找隐藏的 tr
HTML 代码:
<table>
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代码:
$("tr:hidden")
结果:
[ <tr style="display:none"><td>Value 1</td></tr> ]
描述:
匹配type为hidden的元素
HTML 代码:
<form>
<input type="text" name="email"...
类别：网页编程 - JavaScript 查看：133 更新：2014-05-27
jQuery选择器->可见性->:hidden
:hidden 返回值:Array<Element(s)>
概述
匹配所有不可见元素，或者type为hidden的元素
示例
描述:
查找隐藏的 tr
HTML 代码:
<table>
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>
jQuery 代码:
$("tr:hidden")
结果:
[ <tr style="display:none"><td>Value 1</td></tr> ]
描述:
匹配type为hidden的元素
HTML 代码:
<form>
<input type="text" name="email"...
类别：网页编程 - JavaScript 查看：100 更新：2014-05-26
jQuery选择器->基本->#id
#id 返回值:Array<Element>
概述
根据给定的ID匹配一个元素。
如果选择器中包含特殊字符，可以用两个斜杠转义。参见示例。
参数
idString
用于搜索的，通过元素的 id 属性中给定的值
示例
描述:
查找 ID 为"myDiv"的元素。
HTML 代码:
<div id="notMe"><p>id="notMe"</p></div>
<div id="myDiv">id="myDiv"</div>
jQuery 代码:
$("#myDiv");
结果:
[ <div id="myDiv">id="myDiv"</div> ]
描述:
查找含有特殊字符的元素
...
类别：网页编程 - JavaScript 查看：79 更新：2014-05-26
用Javascript模仿DataGrid
<HTML>
<HEAD>
<TITLE> JS模仿的DataGrid</TITLE>
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ChangeValue(objTD)
{
var objName;
objName = objTD.id;
objTD.innerHTML = "<input type=text id=txtBox name=textfield value="+objTD.innerText+" onBlur=WriteNewValue(this.value,"+objName+");>";
}
function WriteNewValue(strTxt,objTD)
{
objTD.innerText = strTxt;
}//-->
</SCRIPT>
<BODY>
<TABL...
类别：网页编程 - JavaScript 查看：133 更新：2014-05-26
Prototype实战教程：document.viewport -> getWidth
getWidth [1.6.0]
document.viewport.getWidth() -> Number
返回当前窗口可视部分的宽度。
相当于调用 document.viewport.getDimensions().width。
到此，Prototype实战教程全部放送完毕，下面，我们将提供JQuery实战教程。
类别：网页编程 - JavaScript 查看：120 更新：2014-05-26
Prototype实战教程：Element.Methods -> identify
identify [1.6]
identify(element) -> id
如果 element 存在 id 属性，则返回 id 属性值，否则自动为元素生成一个唯一的 id，并返回该 id 值。
样例
初始的 HTML
<ul>
<li id="apple">apple</li>
<li>orange</li>
</ul>
JavaScript
$('apple').identify();
// -> 'apple'
$('apple').next().identify();
// -> 'anonymous_element_1'
最终的 HTML
<ul>
<li id="apple">apple</li>
<li id="anonymous_element_1">orange</li>
</ul>
...
类别：网页编程 - JavaScript 查看：105 更新：2014-05-22
Prototype实战教程：Element.Methods -> hide
hide
hide(element) -> HTMLElement
将 element 隐藏，并返回该元素。
样例
<div id="error-message"></div>
$('error-message').hide();
// -> 返回 HTMLElement (并且隐藏 div#error-message)
向后兼容性变更
在 Prototype 的先前版本中，可以传递任意数目的元素到 Element.toggle、Element.show 和 Element.hide 中，但在 1.5 版之后，这不再被支持。
但是你可以通过 Enumerables 实现类似的效果：
['content', 'navigation', 'footer'].each(Element.hide);
// -> ['content', 'navigation', 'footer']
// 并隐藏 #content, #navigation 和 #footer。
还有更好的方法：...
类别：网页编程 - JavaScript 查看：91 更新：2014-05-22
Prototype实战教程：Element.Methods -> getWidth
getWidth
getWidth(element) -> Number
获取 element 的宽度。
通过内联的样式规则或者 CSS 样式表将元素的显示设置为 none 后，这个方法仍然返回元素本身所具有的尺寸，而不是返回 0。
从运行效率方面考虑，如果需要同时查询元素的高度和宽度，建议使用 Element.getDimensions 代替。
注意：所有返回值都仅有数字，单位为像素。
样例
<div id="rectangle" style="font-size: 10px; width: 20em; height: 10em"></div>
$('rectangle').getWidth();
// -> 200
...
类别：网页编程 - JavaScript 查看：79 更新：2014-05-22
Prototype实战教程：Element -> identify
identify(element) -> id
如果 element 存在 id 属性，则返回 id 属性值，否则自动为元素生成一个唯一的 id，并返回该 id 值。
样例
初始的 HTML
<ul>
<li id="apple">apple</li>
<li>orange</li>
</ul>
JavaScript
$('apple').identify();
// -> 'apple'
$('apple').next().identify();
// -> 'anonymous_element_1'
最终的 HTML
<ul>
<li id="apple">apple</li>
<li id="anonymous_element_1">orange</li>
</ul>
...
类别：网页编程 - JavaScript 查看：92 更新：2014-05-22