冯海滨博客

海滨博客

[置顶]中国平安陆金所,网上理财收益10%,强烈推荐

[置顶]海滨正式启用新域名 www.fenghaibin.com

[置顶]博客取消友情链接声明

Web项目转http之后静态资源仍为https解决

在重构中由于当前项目对安全性的要求没有太高,为了避免网站频繁提示安全性问题,我们的web项目要改为http协议。最后生产环境部署完成发现原来的静态文件还是https请求。        其实解决这个问题非常简单,(此处省略一大堆不起作用的尝试哈)直接去项目的head中查看,是否有<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-req

layui 自定义字体图标 扩展

腾讯学堂  https://ke.qq.com/webcourse/index.html#cid=286071&term_id=100338596&taid=2075298132942199&vid=h1425m8daig

jquery 操作表格 只保留第一行表头其余内容全部清空代码

$("#tablehuifangmingxi tr:not(:first)").remove();//保留第一行清空其他所有


html5背景音乐



<div style='display:none;'>

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

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

js重复执行某段代码


<!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

<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 中的换行符

<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 提示多行信息,有两种解决方法:

根据域名判断网址跳转

<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>


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

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />

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

强制页面运行于IE8模式下

 

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

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

 

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

Powered By Z-BlogPHP 1.6.5 Valyria

一个心高气傲,永远开拓的人。