js小记三点

最新推荐文章于 2022-07-21 14:09:26 发布

containsoft123

最新推荐文章于 2022-07-21 14:09:26 发布

阅读量434

点赞数

分类专栏：点滴积累文章标签： iframe java menu function class

本文链接：https://blog.csdn.net/containsoft123/article/details/5063284

版权

点滴积累专栏收录该内容

35 篇文章 0 订阅

订阅专栏

在js中要动态改变页面上的某个元素的class值。一时不知道该怎么办，后来查了下,原来可以直接用元素的 .className 属性来控制。例如：

Java代码

function changeHmenuCSS(ids){
var hmenus = document.getElementsByTagName("li" );
var liid = "li" +ids;
if (hmenus)
{
for (var i= 0 ; i<hmenus.length; i++)
{
if (hmenus[i].name == "sb_main_menu_0" )
{
if (hmenus[i].id == liid)
{
hmenus[i].className = "mainMenuSelection" ;
}else {
hmenus[i].className = "mainMenuLink" ;
}
}
}
}
}

function changeHmenuCSS(ids){
		var hmenus = document.getElementsByTagName("li");
		var liid = "li"+ids;
		if(hmenus)
		{
			for(var i=0; i<hmenus.length; i++)
			{
				if(hmenus[i].name == "sb_main_menu_0")
				{
					if(hmenus[i].id == liid)
					{
						hmenus[i].className = "mainMenuSelection";
					}else{
						hmenus[i].className = "mainMenuLink";
					}
				}
			}
		}
	}

第二个是js转码的问题。页面的编码跟引进的js的编码不一样，如果js中有中文，就会出现乱码。这时在引进js的时候加入一个转码说明 charset="XYZABCD"。例如

Java代码

<script type= "text/javascript" src= "./js/manage2.js" charset= "GBK" ></script>

第三个是让iframe根据里面的内容自适应宽度、高度。

Java代码

<script>
function iframe_resize()
{
document.getElementById("mainFrm" ).style.height = mainFrm.document.body.scrollHeight;
document.getElementById("mainFrm" ).style.width = mainFrm.document.body.scrollWidth;
}
</script>
<iframe id="mainFrm" name= "mainFrm" width= "100"
frameborder="0" height= "200" src= "index/index/index2.jsp" οnlοad= "iframe_resize();" ></iframe>