Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 视频一区国产精戏刘婷,日韩一区精品视频在线看,精品久久国产 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營(yíng)銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          Python的selenium實(shí)現(xiàn)切換框架frame
          
        
           
          
	
	
          
		Python的selenium實(shí)現(xiàn)切換框架frame的方法
          
                        
          . 介紹
          1.1 介紹
          福哥在使用selenium實(shí)現(xiàn)頁面爬取的時(shí)候發(fā)現(xiàn)遇到包含框架（frame）的網(wǎng)頁時(shí)候就無法通過find_xxx方法得到頁面上的元素，這可真是麻煩了啊！
          福哥在使用F12調(diào)試前端的時(shí)候發(fā)現(xiàn)在調(diào)試面板的控制臺(tái)欄里就可以選擇頁面上面的任意一個(gè)框架（frame）作為當(dāng)前框架，如果selenium也可以選擇頁面上面的框架就好了！
          經(jīng)過一番折騰，福哥找到了答案！
          2. 框架頁面
          這是一個(gè)包含多級(jí)框架的頁面，下面的代碼都是以抓取這個(gè)頁面作為示例的。
          3. 通過id定位
          如果頁面內(nèi)的frame有id的話，可以直接定位。
          chrome.get("http://192.168.2.168/tfams/test.html")
chrome.switch_to_frame("top")
print(chrome.find_element_by_tag_name("h3").text)
          4. 通過name定位
          如果頁面內(nèi)的frame有name的話，可以直接定位。
          chrome.get("http://192.168.2.168/tfams/test.html")
chrome.switch_to_frame("content")
print(chrome.find_element_by_tag_name("h3").text)
          5. 通過元素定位
          如果頁面的frame既沒有id也沒有name的話，只能通過標(biāo)簽選擇了。
          chrome.get("http://192.168.2.168/tfams/test.html")
iframes = chrome.find_elements_by_tag_name("iframe")
chrome.switch_to_frame(iframes[0])
print(chrome.find_element_by_tag_name("h3").text)
          6. 多級(jí)嵌套框架
          selenium的尋找元素是在“當(dāng)前”框架內(nèi)進(jìn)行的，如果我們要定位的框架在“當(dāng)前”框架的子級(jí)框架里面（也就是孫級(jí)框架），那么就需要一級(jí)一級(jí)地進(jìn)行定位了。
          chrome.get("http://192.168.2.168/tfams/test.html")
chrome.switch_to_frame("content")
chrome.switch_to_frame("sub1")
print(chrome.find_element_by_tag_name("h3").text)
          7. 返回上級(jí)框架
          上一例當(dāng)中我們將“當(dāng)前”框架移動(dòng)到了最里面的sub1上，如果要定位sub2框架就需要先回到content框架，這個(gè)時(shí)候就需要使用返回上級(jí)框架的功能了。
          返回上級(jí)框架功能通過switch_to.parent_frame方法實(shí)現(xiàn)。
          chrome.get("http://192.168.2.168/tfams/test.html")
chrome.switch_to_frame("content")
chrome.switch_to_frame("sub1")
print(chrome.find_element_by_tag_name("h3").text)
chrome.switch_to.parent_frame()
chrome.switch_to_frame("sub2")
print(chrome.find_element_by_tag_name("h3").text)
          8. 返回頂級(jí)框架
          如果框架層級(jí)很多，我們希望一下回到最外層的框架，可以使用switch_to.default_content方法實(shí)現(xiàn)。
          chrome.get("http://192.168.2.168/tfams/test.html")
chrome.switch_to_frame("content")
chrome.switch_to_frame("sub1")
print(chrome.find_element_by_tag_name("h3").text)
chrome.switch_to.default_content()
chrome.switch_to_frame("top")
print(chrome.find_element_by_tag_name("h3").text)
          9. 切換框架的兩種方法
          selenium切換框架提供了兩種方法，福哥分別介紹一下。
          9.1 通過switch_to_frame方法
          一個(gè)是通過Chrome實(shí)例的switch_to_frame方法實(shí)現(xiàn)。
          chrome.get("http://192.168.2.168/tfams/test.html")
chrome.switch_to_frame("top")
print(chrome.find_element_by_tag_name("h3").text)
          9.2 通過switch_to.frame方法
          一個(gè)是通過Chrome實(shí)例的switch_to屬性對(duì)象的frame方法實(shí)現(xiàn)。
          chrome.get("http://192.168.2.168/tfams/test.html")
chrome.switch_to.frame("top")
print(chrome.find_element_by_tag_name("h3").text)
          10. 總結(jié)
          今天福哥帶著大家學(xué)會(huì)了在selenium里面切換“當(dāng)前”框架的方法，無論是一級(jí)框架結(jié)構(gòu)，還是多級(jí)框架結(jié)構(gòu)，我們都可以游刃有余地定位它們了。
          框架設(shè)計(jì)在管理系統(tǒng)里面出現(xiàn)的比率還是非常高的，越是功能強(qiáng)大的系統(tǒng)使用的框架結(jié)構(gòu)就會(huì)越復(fù)雜，要能夠模擬用戶操作這樣的系統(tǒng)需要靈活掌握切換框架的技巧才行。

          https://m.tongfu.net/home/35/blog/513253.html
          頁可見區(qū)域?qū)挘篸ocument.body.clientWidth 
          網(wǎng)頁可見區(qū)域高：document.body.clientHeight 
          網(wǎng)頁可見區(qū)域?qū)挘篸ocument.body.offsetWidth (包括邊線的寬) 
          網(wǎng)頁可見區(qū)域高：document.body.offsetHeight (包括邊線的寬) 
          網(wǎng)頁正文全文寬：document.body.scrollWidth 
          網(wǎng)頁正文全文高：document.body.scrollHeight 
          網(wǎng)頁被卷去的高：document.body.scrollTop 
          網(wǎng)頁被卷去的左：document.body.scrollLeft 
          網(wǎng)頁正文部分上：window.screenTop 
          網(wǎng)頁正文部分左：window.screenLeft 
          屏幕分辨率的高：window.screen.height 
          屏幕分辨率的寬：window.screen.width 
          屏幕可用工作區(qū)高度：window.screen.availHeight 
          屏幕可用工作區(qū)寬度：window.screen.availWidth 
          HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 
          scrollHeight: 獲取對(duì)象的滾動(dòng)高度。 
          scrollLeft:設(shè)置或獲取位于對(duì)象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離 
          scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見內(nèi)容的最頂端之間的距離 
          scrollWidth:獲取對(duì)象的滾動(dòng)寬度 
          offsetHeight:獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度 
          offsetLeft:獲取對(duì)象相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置 
          offsetTop:獲取對(duì)象相對(duì)于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置 
          event.clientX 相對(duì)文檔的水平座標(biāo) 
          event.clientY 相對(duì)文檔的垂直座標(biāo) 
          event.offsetX 相對(duì)容器的水平坐標(biāo) 
          event.offsetY 相對(duì)容器的垂直坐標(biāo) 
          document.documentElement.scrollTop 垂直方向滾動(dòng)的值 
          event.clientX+document.documentElement.scrollTop 相對(duì)文檔的水平座標(biāo)+垂直方向滾動(dòng)的量 
          IE，F(xiàn)ireFox 差異如下： 
          IE6.0、FF1.06+： 
          clientWidth=width + padding 
          clientHeight=height + padding 
          offsetWidth=width + padding + border 
          offsetHeight=height + padding + border 
          IE5.0/5.5： 
          clientWidth=width - border 
          clientHeight=height - border 
          offsetWidth=width 
          offsetHeight=height 
          (需要提一下：CSS中的margin屬性，與clientWidth、offsetWidth、clientHeight、offsetHeight均無關(guān))
          網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth
          網(wǎng)頁可見區(qū)域高： document.body.clientHeight
          網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
          網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)
          網(wǎng)頁正文全文寬： document.body.scrollWidth
          網(wǎng)頁正文全文高： document.body.scrollHeight
          網(wǎng)頁被卷去的高： document.body.scrollTop
          網(wǎng)頁被卷去的左： document.body.scrollLeft
          網(wǎng)頁正文部分上： window.screenTop
          網(wǎng)頁正文部分左： window.screenLeft
          屏幕分辨率的高： window.screen.height
          屏幕分辨率的寬： window.screen.width
          屏幕可用工作區(qū)高度： window.screen.availHeight
          屏幕可用工作區(qū)寬度： window.screen.availWidth
          －－－－－－－－－－－－－－－－－－－
          技術(shù)要點(diǎn)
          本節(jié)代碼主要使用了Document對(duì)象關(guān)于窗口的一些屬性，這些屬性的主要功能和用法如下。
          要得到窗口的尺寸，對(duì)于不同的瀏覽器，需要使用不同的屬性和方法：若要檢測(cè)窗口的真實(shí)尺寸，在Netscape下需要使用Window的屬性；在IE下需要 深入Document內(nèi)部對(duì)body進(jìn)行檢測(cè)；在DOM環(huán)境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。
          Window對(duì)象的innerWidth屬性包含當(dāng)前窗口的內(nèi)部寬度。Window對(duì)象的innerHeight屬性包含當(dāng)前窗口的內(nèi)部高度。
          Document對(duì)象的body屬性對(duì)應(yīng)HTML文檔的標(biāo)簽。Document對(duì)象的documentElement屬性則表示HTML文檔的根節(jié)點(diǎn)。
          document.body.clientHeight表示HTML文檔所在窗口的當(dāng)前高度。document.body. clientWidth表示HTML文檔所在窗口的當(dāng)前寬度。
          實(shí)現(xiàn)代碼
          <!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>
          <title>請(qǐng)調(diào)整瀏覽器窗口</title>
          <meta http-equiv="content-type" content="text/html; charset=gb2312">
          </head>
          <body>
          <h2 align="center">請(qǐng)調(diào)整瀏覽器窗口大小</h2><hr>
          <form action="#" method="get" name="form1" id="form1">
          <!--顯示瀏覽器窗口的實(shí)際尺寸-->
          瀏覽器窗口 的 實(shí)際高度: <input type="text" name="availHeight" size="4"><br>
          瀏覽器窗口 的 實(shí)際寬度: <input type="text" name="availWidth" size="4"><br>
          </form>
          <script type="text/javascript">
          <!-- 
          var winWidth=0;
          var winHeight=0;
          function findDimensions() //函數(shù)：獲取尺寸
          {
          //獲取窗口寬度
          if (window.innerWidth)
          winWidth=window.innerWidth;
          else if ((document.body) && (document.body.clientWidth))
          winWidth=document.body.clientWidth;
          //獲取窗口高度
          if (window.innerHeight)
          winHeight=window.innerHeight;
          else if ((document.body) && (document.body.clientHeight))
          winHeight=document.body.clientHeight;
          //通過深入Document內(nèi)部對(duì)body進(jìn)行檢測(cè)，獲取窗口大小
          if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
          {
          winHeight=document.documentElement.clientHeight;
          winWidth=document.documentElement.clientWidth;
          }
          //結(jié)果輸出至兩個(gè)文本框
          document.form1.availHeight.value=winHeight;
          document.form1.availWidth.value=winWidth;
          }
          findDimensions();
          //調(diào)用函數(shù)，獲取數(shù)值
          window.onresize=findDimensions;
          //-->
          </script>
          </body>
          </html> 
          源程序解讀
          （1）程序首先建立一個(gè)表單，包含兩個(gè)文本框，用于顯示窗口當(dāng)前的寬度和高度，并且，其數(shù)值會(huì)隨窗口大小的改變而變化。
          （2）在隨后的JavaScript代碼中，首先定義了兩個(gè)變量winWidth和winHeight，用于保存窗口的高度值和寬度值。
          （3）然后，在函數(shù)findDimensions ( )中，使用window.innerHeight和window.innerWidth得到窗口的高度和寬度，并將二者保存在前述兩個(gè)變量中。
          （4）再通過深入Document內(nèi)部對(duì)body進(jìn)行檢測(cè)，獲取窗口大小，并存儲(chǔ)在前述兩個(gè)變量中。
          （5）在函數(shù)的最后，通過按名稱訪問表單元素，結(jié)果輸出至兩個(gè)文本框。
          （6）在JavaScript代碼的最后，通過調(diào)用findDimensions ( )函數(shù)，完成整個(gè)操作。
          CSS3炫酷的下拉框的原理：
          1.首先就是一個(gè)導(dǎo)航下拉，就是鼠標(biāo)放上去出現(xiàn)一個(gè)下拉列表
          2.然后發(fā)現(xiàn)，下拉里面，每一個(gè)選項(xiàng)是從不同的兩個(gè)方向出現(xiàn)的
          3.出現(xiàn)的方式是奇數(shù)項(xiàng)從左邊進(jìn)，偶數(shù)項(xiàng)從右邊進(jìn)，進(jìn)入方式是滑動(dòng)淡入。
          效果圖
          其實(shí)這個(gè)是用CSS3過渡和動(dòng)畫制作的，沒有用到JS也是可以做出這樣的效果，那么他的代碼是怎樣的呢？我給大家羅列出來：
          HTML代碼
          CSS
          完整的代碼
          代碼有點(diǎn)多已經(jīng)上傳到群文件里了，最后也說下小編的群，可以分享交流，小編也會(huì)經(jīng)常分享一些資料干貨供大家學(xué)習(xí)：661473108，歡迎初學(xué)和進(jìn)階中的小伙伴。
          這個(gè)動(dòng)畫，我感覺雖然性能上css3是比js要好一些。畢竟js也是控制css或者class來實(shí)現(xiàn)！
          靈活性的話，這個(gè)就要比js差了，比如div的顯示與隱藏，我不想通過鼠標(biāo)移入移出的方式控制，如果我想通過點(diǎn)擊的方式控制div的顯示與隱藏呢。對(duì)于js的方式來說，這個(gè)就是觸發(fā)的事件就可以了，對(duì)于插件來說，可能就改一個(gè)插件就行了！對(duì)于css3實(shí)現(xiàn)的話，這個(gè)就不但要改css樣式了，也要改html結(jié)構(gòu)了！
          這里，我的建議就是，這個(gè)動(dòng)畫最理想的還是用js和css3結(jié)果，結(jié)果是最好的。如果針對(duì)靈活性不高的需求，可以只用css3。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
国产精品一区二区久久精品无码|
无码人妻精品一区二区三区99不卡|
无码国产精品一区二区免费式影视|
亚洲美女视频一区二区三区|
久热国产精品视频一区二区三区|
国产一区二区三区福利|
欧洲精品无码一区二区三区在线播放|
国产在线一区二区在线视频|
国产精品第一区揄拍无码|
国产在线精品一区二区中文|
亚洲欧洲专线一区|
人妻体内射精一区二区三四|
精品乱码一区二区三区在线
|
91在线一区二区三区|
无码国产精品一区二区免费模式
|
日韩人妻无码一区二区三区综合部|
亚洲AV美女一区二区三区|
自慰无码一区二区三区|
国产AV一区二区三区无码野战|
中文字幕无码一区二区三区本日
|
日韩福利视频一区|
国产一区二区三区夜色|
久久99国产精品一区二区|
久久久久99人妻一区二区三区|
农村乱人伦一区二区|
色精品一区二区三区|
日韩精品无码一区二区中文字幕|
少妇激情av一区二区|
国产一区二区在线观看|
国产成人精品一区在线|
无码人妻aⅴ一区二区三区|
亚洲国产综合精品中文第一区|
一区二区三区91|
日韩色视频一区二区三区亚洲|
久久国产午夜精品一区二区三区|
亚洲AV成人精品一区二区三区|
国产亚洲情侣一区二区无码AV|
精品国产区一区二区三区在线观看|
福利一区二区三区视频在线观看
|
色婷婷亚洲一区二区三区|
亚洲日本va午夜中文字幕一区|