JavaScript学习

IE6的window.location.href问题

解决方案：
<script type="text/javascript">

function goUrl(x)
{
     window.location.href=x;
}
</script>

<a href="javascript:;" onclick="javascript:goUrl('http://www.sina.com');">跳转1</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');">跳转2</a>
<a href="javascript:void(0);" onclick="javascript:goUrl('http://www.sina.com');return false;">跳转3</a>
<a href="#" onclick="javascript:goUrl('http://www.sina.com');">跳转4</a>
<a href="###" onclick="javascript:goUrl('http://www.sina.com');">跳转5</a>

测试环境IE6,IE7,Firefox 3。
跳转1和2在IE6环境下无效，3、4、5在IE6,IE7,Firefox3.01下测试均能通过
跳转4和5最简洁。
关键在于<a>的href属性,空链接用"#","###"。
为了不返回网页顶端。
空链接推荐用"###"。

最好采用了第三种方法，在后面加了return false;这样，IE6、IE7、FF3下面全部通过。

For循环执行Function及传递函数的使用

案例：

传递函数的使用：

function myFcnV(objID){
$(objID).style.display = "block"
}
function myFcnH(objID){
$(objID).style.display = "none"
}

For循环执行Function：

$("idA1").onmouseover = function(){ myFcnV("idB1") }
$("idA1").onmouseout = function(){ myFcnH("idB1") }

$("idA2").onmouseover = function(){ myFcnV("idB3") }
$("idA2").onmouseout = function(){ myFcnH("idB3") }

$("idA3").onmouseover = function(){ myFcnV("idB3") }
$("idA3").onmouseout = function(){ myFcnH("idB3") }

可以简写成：

for(var i=1;i<4;i++){
$("idA"+i).onmouseover = ( function(m){
return function() {
myFcnV('idB' + m);
}} )(i);
$("idA"+i).onmouseout = ( function(m){
return function() {
myFcnH('idB' + m);
}} )(i);
}

把一个方法的名字定义为$

function $(id){return document.getElementById(id)}

然后就可以用 $('id') 了

点击input默认值消失

<input name="textfield" type="text" value="点击添入标题" onfocus="if (value =='点击添入标题'){value =''}" onblur="if (value ==''){value='点击添入标题'}" />

Javascript返回前页两种方法

history.back(-1)   :直接返回当前页的上一页，数据全部消息，是个新页面
history.go(-1)     :也是返回当前页的上一页，不过表单里的数据全部还在

Javascript 在新的页面中动态写入代码笨方法

首先用 document.body.innerHTML="" 清空页面的代码
之后用 document.write("你要写入的HTML"); 写入新的代码

获取select当前选取项的值

var findSelect= document.getElementById("selectID") //找到页面中的 select
var getSelectValue= findSelect.options[findSelect.selectedIndex].value //获取Select的当前选取值

获取input text输入框内的值

var findInput= document.getElementById("inputID") //找到页面中的 input
var getInputValue=findInput.vale

判断 form Radio 选择状态

function clk(){
for(i=0;i<document.formName.radioName.length;i++){
var tst = document.formName.radioName[i].value
if(document..formName.radioName[i].checked){
alert(tst)
}}}