日度归档:2020年5月26日

javascript 如何根据元素Id判断元素是否存在呢?


摘要:
下文讲述js判断一个元素是否存在的方法,如下所示:

实现思路: 
     根据DOM中的getElementById判断元素是否存在

例:

 <meta charset='utf-8' />
<p>
 maomao365.com<br />
 js 根据Id判断元素是否存在的方法分享
</p>
<hr />
<input type="checkbox" id="chk" />

 <script>
   var a = document.getElementById("chk");
   var b = document.getElementById("chk1");

   if(a)
   {
  	 document.write("id等于chk元素存在。")
   } else
    {
    	 document.write("id等于chk元素不存在。")
    }


   if(b)
   {
  	 document.write("id等于chk1元素存在。")
   } else
    {
    	 document.write("id等于chk1元素不存在。")
    }
 </script>
 
javascript js根据id判断元素是否存在的方法分享

javascript js根据id判断元素是否存在的方法分享

javascript 如何使用复选框的勾选实现按钮的启用和禁用呢?


摘要:
下文讲述js复选框勾选达到按钮启用和禁用的目的,如下所示:

实现思路: 
     根据复选框是否选中状态设置按钮的disabled

例:

<meta charset='utf-8' />
<p>
 maomao365.com<br />
 checkbox 同button可用性联动
</p>
<hr />
 <script>
	window.onload= function(){  
          var c = document.getElementById("chk");
          c.onclick = function(){
              var b = document.getElementById("btn");
             if (c.checked == true)
              {
                b.disabled = false;
              }
            else
              {
                b.disabled = true;
              }			 
          }
	    }
 </script>
<input type="checkbox" id="chk" />
<br />
<input type="button"   id="btn" value="按钮" />
javascript js使用checkbox达到按钮启用禁用的目的

javascript js使用checkbox达到按钮启用禁用的目的

html页面中静态页面如何传值呢?


摘要:
下文讲述html页面中的静态页面传值方法分享,如下所示:

实现思路: 
     1.html页面间传值使用?拼接字符串的方法
     2.html页面获取参数值使用js进行获取

例:
a.html页面放入超链接

  <a href="b.html?name=maomao">猫猫教程--静态页面传值测试</a>
 

b.html获取a.html传送过来的相关值

   <script>

     //获取当前url后面的参数信息
  function getThisUrlParamByName(name) { 
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); 
    var r = window.location.search.substr(1).match(reg); 
    if (r != null) return unescape(r[2]); return null; 
} 

//函数测试
document.write(getThisUrlParamByName("name"));//获取参数name的值
</script>