小编use*_*110的帖子
是否需要为favicon.ico添加链接标记？
是否有任何现代浏览器无法自动检测favicon.ico？是否有任何理由为favicon.ico添加链接标记？
<link rel="shortcut icon" href="/favicon.ico">
我的猜测是,如果您决定使用GIF或PNG,则只需将其包含在HTML文档中...
推荐指数
解决办法
查看次数
具有延迟和不透明度的CSS动画
我试图使用CSS动画在2秒后淡入一个元素.该代码在新浏览器中运行良好,但在旧浏览器中,由于"不透明度:0",该元素将保持隐藏状态.
我希望它在旧的浏览器中可见,我不想让它发送javascript.可以用CSS解决吗？例如.一些目标浏览器如何不支持动画？
CSS:
#element{
animation:1s ease 2s normal forwards 1 fadein;
-webkit-animation:1s ease 2s normal forwards 1 fadein;
opacity:0
}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
@-webkit-keyframes fadein{from{opacity:0}
to{opacity:1}
}
HTML:
<div id=element>som content</div>
推荐指数
解决办法
查看次数
使用JavaScript检测对转换的支持
我想提供不同的javascript文件,具体取决于浏览器是否支持CSS3过渡.有没有比我下面的代码更好的方法来检测转换支持？
window.onload = function () {
var b = document.body.style;
if(b.MozTransition=='' || b.WebkitTransition=='' || b.OTransition=='' || b.transition=='') {
alert('supported');
} else {
alert('NOT supported')
}
}
推荐指数
解决办法
查看次数
为什么不需要document.getElementById？
1)问题1
以下示例在不使用"document.getElementById('myId')"的情况下工作.为什么这样,可以跳过"document.getElementById('myId')"？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Javascript question</title>
<script>
window.onload = function(){
myId.style.color = 'red';
}
</script>
</head>
<body>
<div id=myId>
<p>Make this color red.</p>
</div>
</body>
</html>
2)问题2
我通常存储浏览器对象以减少DOM遍历(参见下面的示例).如果我不将ID存储在变量中,或者它是否已经变量,那么它是否会更多DOM遍历？
window.onload = function(){
var myId = document.getElementById('myId'); /* stored ID that will be used multiple times */
myId.style.color = 'red';
}
谢谢!
推荐指数
解决办法
查看次数
使用JavaScript跟踪所有单击的元素
我想跟踪在HTML页面上单击的所有元素.我需要一个很好的方法来引用完全被点击的元素(所以我将能够在稍后重播相同的单独HTML页面上的点击).
有没有一个很好的方法来引用被点击的元素？
我可以为页面上的每个元素添加唯一的id和类名.但我认为必须有一个更合适的方式？
我将重播点击的HTML页面将是相同的.
有点精简(但更准确的信息是它的元素,也许可以收集)......
用于跟踪被点击的元素的代码
var arrayWithElements = new Array();
document.onclick = clickListener;
function clickListener(e) {
var clickedElement;
if(e == null) {
clickedElement = event.srcElement;
} else {
clickedElement = e.target;
}
arrayWithElements.push(clickedElement)
alert(arrayWithElements);
}
将在相同的HTML页面上使用的代码
document.someHowGetTheElement().onclick();
推荐指数
解决办法
查看次数
在iphone上进行onclick工作
我一直在我的javascript中使用"onclick",但现在我希望它也适用于Iphone.是否有一种简单的方法可以使所有"onclick"像ontouchstart一样工作,支持ontouchstart？
或者我需要写两次所有脚本(一个使用onclick,另一个使用ontouchstart)？:S
注意:我不想使用jquery或任何其他库.
<!DOCTYPE html>
<title>li:hover dropdown menu on mobile devices</title>
<script>
window.onload = function () {
if ('ontouchstart' in window) {
// all "onclick" should work like "ontouchstart" instead
}
document.getElementById('hbs').onclick = function () {
alert('element was clicked');
}
}
</script>
<a id=id1 href=#>button</a>
推荐指数
解决办法
查看次数
CSS3 + Javascript - 将-ms-transition:opacity 1s easy-in-out; 仅在IE 10中工作？
我今天一直在玩一些CSS3 + JavaScript.
下面你有我的代码,(试图制作世界上最小的图像淡入画廊,不知道我是否成功).
我不太确定如何设置CSS.请参阅以下评论问题:
-ms-transition:opacity 1s ease-in-out; // Will this allone work in IE 10?
transition:opacity 1s ease-in-out; // Why do we set this?
也许是世界上最小的JS-Gallery:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HB - CSS3 + JS Gallery</title>
<meta charset="utf-8">
<style type="text/css">
body{margin:0;text-align:center;font:200px/500px georgia}
#g{background:#000;margin:0 auto;width:960px;height:500px;overflow:hidden}
#g div{
-webkit-transition:opacity 1s ease-in-out;
-moz-transition:opacity 1s ease-in-out;
-o-transition:opacity 1s ease-in-out;
-ms-transition:opacity 1s ease-in-out;
transition:opacity 1s ease-in-out;
opacity:0;position:absolute;height:500px;width:960px;}
</style>
</head>
<body>
<div id="g">
<div style="background:#090">1</div>
<div style="background:#096">2</div>
<div style="background:#963">3</div>
<div style="background:#CC0">4</div>
</div>
<script> …推荐指数
解决办法
查看次数
使用画布和javascript的铁杆数学和3d形状
我有一位老朋友,他是一位数学家.他有自己的数学来压缩他的公式,这非常美丽.
他在一个名为Mathematica的程序中工作,该程序转换了3D形状的公式.
我想知道是否可以使用Canvas和JavaScript获取这些数字？见附图和图.
我自己对此知之甚少.但如果有人能给我一个例子,我会很高兴.
推荐指数
解决办法
查看次数
使用 JavaScript 生成调色板
我想生成每第 5 个、第 15 个、第 17 个或第 51 个 RGB 值的调色板。
像这样的东西：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Color Palette</title>
<style type="text/css">
div{margin:0;width:20px;height:20px;float:left}
.clear{clear:both}
</style>
</head>
<body>
<script>
var r = 0,
g = 0,
b = 0;
function createBr() {
var b = document.createElement('br');
b.style.clear = 'both';
document.body.appendChild(b);
}
function createDiv(r,g,b) {
var a = document.createElement('div');
a.style.background = 'rgb(' + r + ',' + g + ',' + b + ')';
document.body.appendChild(a);
}
function createColorPalette(value) {
var v …推荐指数
解决办法
查看次数
数据URI的速度慢
我构建了一个脚本,用数据URI替换所有内联图像,以减少http请求并减少移动设备上的加载时间.
不幸的是我的装载速度较慢 我认为这取决于html文件更大(大约100kb而不是大约5kb):)？或者还有其他一些数据URI可以减慢页面加载速度吗？
浏览器必须先完整下载完整文档才能加载喜欢的资源吗？或者在浏览器完成整个文档之前加载链接源,例如文档顶部的css和javascript？
它如何与CSS一起使用？浏览器必须在读取所有CSS设置之前加载完整的CSS文件吗？
如果是这样,为这样的数据uri创建一个单独的CSS文件会更好吗:
- 为结构加载CSS(无数据uri)
- 加载背景图像的CSS(URI格式的所有背景图像)
"单独的chaced jpg文件"加载速度是否比"缓存的css文件中包含的基于URI的图像"更快？
关于如何使用数据URI的任何其他建议？
推荐指数
解决办法
查看次数