web显示一部分内容

来源:互联网 发布:mac电脑声音很大 编辑:程序博客网 时间:2024/05/22 00:08
- (void)webViewDidFinishLoad:(UIWebView *)webview{
02. 
03.NSString *js = @"var element = document.getElementById('yourbutton');  element.style.dislay = 'none';";
04. 
05.NSString *res = [webview stringByEvaluatingJavaScriptFromString:js];
06. 
07.[superwebViewDidFinishLoad:webview];
08. 
09.}




  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3.     <head>  
  4.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  5.         <title>getElementsByName</title>  
  6.     </head>  
  7.     <body>  
  8.         <div id="frm" align="center">  
  9.             用户名:<input type="text" name="username" id="uname"/>  
  10.         </div>  
  11.         <div id="frm1" align="center">  
  12.             你喜欢的明星有:  
  13.             <br/>  
  14.             <input type="checkbox" value="张柏芝" name="fav">张柏芝<input type="checkbox" value="小S" name="fav">小S<input type="checkbox" value="大S" name="fav">大S<input type="checkbox" value="杨幂" name="fav">杨幂  
  15.             <br/>  
  16.             <input type="checkbox" value="刘德华" name="fav">刘德华<input type="checkbox" value="武大郎" name="fav">武大郎<input type="checkbox" value="貂蝉" name="fav">貂蝉<input type="checkbox" value="张学友" name="fav">张学友  
  17.         </div>  
  18.     </body>  
  19. </html>  
  20. <script type="text/javascript">  
  21.     <!--  
  22.     //当窗体加载完毕后触发此函<pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  23. <html>  
  24.     <head>  
  25.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  26.         <title>getElementByTagName,onchange</title>  
  27.     </head>  
  28.     <body>  
  29.         <div id="frm" align="center">  
  30.             用户名:<input type="text" name="username" id="uname"/>  
  31.         </div>  
  32.         <div id="frm1" align="center">  
  33.             你的学历:<hr color="red"/>  
  34.             <br/>  
  35.             <select name="edu" id="edus">  
  36.                 <option value="博士">博士</option>  
  37.                 <option value="硕士">硕士</option>  
  38.                 <option value="本科">本科</option>  
  39.                 <option value="专科">专科</option>  
  40.                 <option value="高中">高中</option>  
  41.                 <option value="中专">中专</option>  
  42.             </select>  
  43.         </div>  
  44.     </body>  
  45. </html>  
  46. <script type="text/javascript">  
  47.     <!--  
  48.     //当窗体加载完毕后触发此函数  
  49.     window.onload = function(){  
  50.         //获取id为edus中所有的option元素  
  51.         var edus = document.getElementById("edus");  
  52.         var options = edus.getElementsByTagName("option");  
  53.           
  54.         for (var i = 0; i < options.length; i++) {  
  55.             var option = options[i];  
  56.             dis(option);  
  57.             alert(option.firstChild.nodeValue);  
  58.             /*注册事件--不用onclick事件  
  59.              option.onclick = function(){  
  60.              alert(this.value);  
  61.              }*/  
  62.         }  
  63.         //为edus添加触发事件  
  64.         edus.onchange = function(){  
  65.             //弹出选择的option的value值  
  66.             alert("你选择了:"+this.value);  
  67.         }  
  68.           
  69.         //document.write(msg);  
  70.     }  
  71.       
  72.     var msg = "";  
  73.     function dis(opt){  
  74.         msg += "<br/>" + opt.value + "<br/>";  
  75.     }  
  76.       
  77.     //-->  
  78. </script>  
  79. </pre><br>  
  80. 数 window.onload = function(){//getElementsByName根据属性的name获取所有的元素节点,并返回一个集合 var elements = document.getElementsByName("fav");//显示出集合的大小alert(elements.length);for(var i=0;i<elements.length;i++){//为所有节点添加事件elements[i].onclick = function(){//触发事件函数display(this.value);}}  
  81.  }//显示输出var msg = "";function display(node){msg += node+",";alert(msg+"爱死你了!")} //--></script>  
  82. <pre></pre>  
  83. <pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  84. <html>  
  85.     <head>  
  86.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  87.         <title>getElementByTagName</title>  
  88.     </head>  
  89.     <body>  
  90.         <div id="frm" align="center">  
  91.             用户名:<input type="text" name="username" id="uname"/>  
  92.         </div>  
  93.         <div id="frm1" align="center">  
  94.             你喜欢的明星有:  
  95.             <br/>  
  96.             <input type="checkbox" value="张柏芝" name="fav">张柏芝<input type="checkbox" value="小S" name="fav">小S<input type="checkbox" value="大S" name="fav">大S<input type="checkbox" value="杨幂" name="fav">杨幂  
  97.             <br/>  
  98.             <input type="checkbox" value="刘德华" name="fav">刘德华<input type="checkbox" value="武大郎" name="fav">武大郎<input type="checkbox" value="貂蝉" name="fav">貂蝉<input type="checkbox" value="张学友" name="fav">张学友  
  99.         </div>  
  100.     </body>  
  101. </html>  
  102. <script type="text/javascript">  
  103.     <!--  
  104.     //当窗体加载完毕后触发此函数  
  105.     window.onload = function(){  
  106.         //document.getElementByTagName 返回一个结果集  
  107.         //根据id名查出frm节点对象  
  108.         var frm = document.getElementById("frm");  
  109.         //获取frm节点力边所有的标签名称为input的节点对象  
  110.         var inputs = frm.getElementsByTagName("input");  
  111.         //弹出节点个数  
  112.         alert("frm中标签名为input的节点的个数为:"+inputs.length);  
  113.         //获取文档中所有标签名为input的节点  
  114.         var docInputs = document.getElementsByTagName("input");  
  115.         alert("文档中名标签名为input的节点的个数为:"+docInputs.length);  
  116.         //遍历输出文档中input标签type类型我checkbox的所有的元素节点的nodeName,nodeValeue,nodeType  
  117.           
  118.         var msg = "";  
  119.         for(var i=0;i<docInputs.length;i++){  
  120.             var ipt = docInputs[i];  
  121.             display(ipt);  
  122.             ipt.onclick = function(){  
  123.                 //弹出所有被点击的对象  
  124.                 msg+=this.value+",";  
  125.                 alert("我喜欢你!"+msg);  
  126.             }  
  127.         }  
  128.     }  
  129.       
  130.     //显示  
  131.     function display(node){  
  132.         alert("nodeName---"+node.nodeName+" nodeValue---"+node.nodeValue+" nodeType---"+node.nodeType);  
  133.     }  
  134.     //-->  
  135. </script>  
  136. </pre><br>  
  137. <br> 

0 0
原创粉丝点击