冯海滨博客

海滨博客

html5背景音乐

0条评论 247 ℃



<div style='display:none;'>

    <audio controls="controls" autoplay="autoplay">

        <source src="http://www.heng9.com.cn/weixin32/dante/dtwxbg.mp3" type="audio/ogg" />

...

js重复执行某段代码

0条评论 288 ℃


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function allRunFunction() {
	alert("dd");
    setTimeout(allRunFunction,1000);

}
</script>
</head>
<p onclick="allRunFunction()">点我重复执行</p> 
<body>
</body>
</html>


...

图片超出固定高度后自动等比例缩小js

0条评论 273 ℃
<script type="text/javascript"> 

window.onload=function(){ 

   var myimg,oldwidth,oldheight;
   var maxwidth=600;//定义图片的宽度限制 超出后才开始自动等比例缩小
   var maxheight=1880//定义图片的高读限制 超出后才开始自动等比例缩小
   var imgs = document.getElementById('articleimg').getElementsByTagName('img');   //如果你定义的id不是article,请修改此处

   for(i=0;i<imgs.length;i++){
     myimg = imgs[i];

     if(myimg.width > myimg.height)
     {
         if(myimg.width > maxwidth)
         {
            oldwidth = myimg.width;
            myimg.height = myimg.height * (maxwidth/oldwidth);
            myimg.width = maxwidth;
         }
     }else{
         if(myimg.height > maxheight)
         {
            oldheight = myimg.height;
            myimg.width = myimg.width * (maxheight/oldheight);
            myimg.height = maxheight;
         }
     }
   }

} 

</script>


...

textarea 中的换行符

0条评论 264 ℃
<textarea >'----'+&#13;&#10;+'---'</textarea>

<SCRIPT LANGUAGE="JavaScript">
<!--
function test(obj) {
obj.innerText="ddd\naaa";
}

//-->
</SCRIPT>
<TEXTAREA id="tt" NAME="" ROWS="" COLS="" onclick="test(this);"></TEXTAREA>

在各位搞html时,有时候要title 提示多行信息,有两种解决方法:

...

根据域名判断网址跳转

0条评论 266 ℃
<script type="text/javascript">
var url = location.href;

switch(url)
{
  case "http://chaxun.toothbest.com/":
		{
		  window.location.href='http://chaxun.toothbest.com/yabaile/search.aspx';
		}
		break;
  case "http://chaxun.longxingyc.cn/":
		{
		  window.location.href='http://chaxun.longxingyc.cn/longxing/search.aspx';
		}
		break;
  case "http://chaxun.zyyc88.com/":
		{
		  window.location.href='http://chaxun.zyyc88.com/zhuoyue/index.aspx';
		}
		break;

		default:
		{
	
		}
	}
</script>


...

网页宽度自动适应手机屏幕宽度的方法

0条评论 254 ℃
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />

在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。

...

强制页面运行于IE8模式下

0条评论 273 ℃

 

突然发现IE8不能使用querySelectorAll,实在拿IE没办法,只好用以下手段强制使用IE8模式,于是选择器终于回到正轨。

<meta http-equiv="X-UA-Compatible" content="IE=8" />

 

注意,它是不能通过编程方式实现,因为我们加入脚本时,渲染模式已经决定,不能像样式、属性那样可以重设。

...