Home Web Front-end JS Tutorial How to use js to control the hiding or display of the frame solution_javascript skills

How to use js to control the hiding or display of the frame solution_javascript skills

May 16, 2016 pm 05:39 PM
frame js control show hide

index.htm

Copy code The code is as follows:






Frame frame display and hiding operation - 51windows.net








<br><body></p> <p><p>This page uses frames, but your browser doesn't support them. </p></p> <p></body><br>


main.htm

Copy code The code is as follows:





main - 51windows.net







Nesting of frames:

Copy code The code is as follows:








############################################ ##

Copy code The code is as follows:



Untitled Document





<body> <br></body>

//**********************Description************************:
Frameset is a frame. A web page is divided into several blocks, and each block is a different web page file. An iframe is an embedded web page that can be embedded anywhere on a page. Generally, iframe is more flexible to use.
There should be no body tag in the page when using frames.
Frameset tags appear in pairs, starting with and ending with , with frame inside.
Frameset can also be embedded in frameset. Nested frames,frames can be nested at multiple levels.
The id in the frameset, in order to facilitate the use of Javascript to access this object later.
is as follows:

Copy code Code As follows:


















Commonly used framework structure:

HTML language analysis-frameset
<br><IFRAME> <br>■ Frame concept: <br>The so-called frame is that the web page is divided into several frames window to get multiple URLs at the same time. Just <FRAMESET> <FRAME> is enough, and all frame tags should be placed in a combined html file. This file only records how the frame is divided and will not display any data, so there is no need to put in <BODY> Mark that browsing this frame must read this file instead of the files of other frames. <FRAMESET> is used to divide frame windows. Each frame window is marked by a <FRAME> tag. <FRAME> must be used in the <FRAMESET> scope. For example: </p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="10123" class="copybut" id="copybut10123" onclick="doCopy('code10123')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code10123"> <br><frameset cols="50%,*"&gt ; </P> <P><frame name="hello" src="/up2u.html"> <br><frame name="hi" src="me2.html"> <br></frameset> <br> </div> <p>In this example, <FRAMESET> divides the screen into two equal parts on the left and right. Up2u.html is displayed on the left, and me2.html is displayed on the right. The frame window marked by the <FRAME> tag is always Top to bottom, left to right order. </p> <p>This section is mostly the same as the [Application Framework] of the Composer classroom, except that this section has added content and is more detailed. Just like other chapters, it does not mention web page creation tools. If you have learned HTML, I believe you will also I will choose tools such as Composer and FrontPage. </p> <p>■ <FRAMESET> <FRAME> : ▲Top </p> <p><FRAMESET> is called a frame tag, which is used to declare the HTML document to be in frame mode and set how the window is divided. <br><FRAME> just sets the parameter attributes in a certain frame window. <br><FRAMESET> Parameter setting: <br>Example: <frameset rows="90,*" frameborder="0" border=0 framespacing="2" bordercolor="#008000"> </p> <p>COLS="90,*" <br>Cut the screen vertically (for example, into two left and right screens), accept integer values ​​and percentages, * means occupying the remaining space. The number of values ​​represents the number of divided windows and is separated by commas. For example, COLS="30,*,50%" can be divided into three windows. The first window has a width of 30 pixels and is an absolute division. The second window is what remains after the first and third windows are allocated. The space below, the third window occupies 50% of the entire screen, and the width is a relative split. You can adjust the numbers yourself. <br>ROWS="120,*" <br>It is horizontal cutting, separating the top and bottom of the screen. The value setting is the same as above. Only the two parameters COLS and ROWS should not be in the same <FRAMESET> tag, because Netacape sometimes cannot display this type of frame, so use multiple splits. <br>frameborder="0" <br>Set the border of the frame, its value is only 0 and 1, 0 means no border, 1 means to display the border. (Avoid yes or no) <br>border="0" <br>Set the border thickness of the frame, in pixels. <br>bordercolor="#008000" <br>Set the border color of the frame. <br>framespacing="5" <br>Indicates the space between frames to preserve the space. <br><FRAME> Parameter settings: <br>Example: <frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0 " noresize framespacing="6" bordercolor="#0000FF"> </p> <p>SRC="a.html"<br>Set the name of the web page file to be displayed in this frame window. Each frame window must correspond to a web page file. You can use absolute paths or relative paths, see [Link Advanced] for details on both. <br>NAME="top"<br>Set the name of this frame window so that you can specify the frame for linking. It must be named arbitrarily. <br>frameborder=0<br>Set the border of the frame, its value is only 0 and 1, 0 means no border, 1 means to display the border. (Avoid using yes or no) <br>framespacing="6"<br>Indicates the space between frames to preserve white space. <br>bordercolor="#008000"<br>Set the border color of the frame. Please refer to [HTML Analysis] for color values. <br>scrolling="Auto"<br>Set whether to display the scroll, YES means to display the scroll, NO means not to display it anyway, AUTO means to display it according to the situation. The <br>noresize<br> setting does not allow the user to change the size of this frame, and this parameter is not set. The user can pull the frame to change its size at will. <br>marginhight=5<br> represents the space reserved at the edge of the frame height. <br>marginwidth=5<br> represents the space reserved at the edge of the frame width. <br>The following are some examples: (Same as the [Application Framework] of Composer Classroom) <br>Example HTML Code <br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="36826" class="copybut" id="copybut36826" onclick="doCopy('code36826')"><u>Copy code</u></a></span> The code is as follows: </div> <div class="codebody" id="code36826"> <br><frameset rows="80,*"> <br><frame name="top" src="/a.html"> <br>&lt ;frame name="bottom" src="/b.html"> <br></frameset> <br> </div> <br>Example HTML Code <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="56716" class="copybut" id="copybut56716" onclick="doCopy('code56716')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code56716"> <br><frameset rows="80,*,80"> <br><frame name="top" src="/a.html"> <br><frame name="middle" src="/b.html"> <br><frame name="bottom" src="/c.html" > <br></frameset> <br> </div> <br>Example HTML Code <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="23604" class="copybut" id="copybut23604" onclick="doCopy('code23604')"><u>Copy code </u></a></span> The code is as follows :</div> <div class="codebody" id="code23604"> <br><frameset cols="150,*"> <br><frameset rows="80,*"> <br><frame name="upper_left" src= "/a.html"> <br><frame name="lower_left" src="/b.html"> <br></frameset> <br><frame name="right" src= "/c.html"> <br></frameset> <br> </div> <br>Example HTML Code <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="22940" class="copybut" id="copybut22940" onclick="doCopy('code22940')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code22940"> <br><frameset rows=" 80,*"> <br><frame name="top" src="/a.html"> <br><frameset cols="150,*"> <br><frame name= "lower_left" src="/b.html"> <br><frame name="lower_right" src="/c.html"> <br></frameset> <br></frameset> <br> </div> <br>Example HTML Code <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="98373" class="copybut" id="copybut98373" onclick="doCopy('code98373')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code98373"> <br> <frameset cols="150,*"> <br><frame name="left" src="/a.html"> <br><frameset rows="80,*"> <br><frame name="upper_right" src="/b.html"> <br><frame name="lower_right" src="/c.html"> <br></frameset> <br></frameset> <br> </div> <p>■ <NOFRAMES> : ▲Top </p> <p>When the browser used by others is too old and does not support the frame function, what they see will be blank. To avoid this, you can use the <NOFRAMES> tag. When the user's browser cannot see the frame, he will see the content between <NOFRAMES> and instead of one piece. blank. These contents can be words reminding users to switch to a new browser, or even a web page without frames or a page that can automatically switch to a version without frames.
Application method:
Add the tag in the tag range. The following is an example:

Copy code The code is as follows:


<br><body> <br>Sorry for the feedback. The browser you are using does not support frames. Please switch to a new browser. <br></body> <br>



If the browser supports frames, then it will ignore the things in . However, if the browser does not support frames, because it does not recognize all frame tags, unknown tags will be skipped, and things surrounded by tags will be ignored. will be interpreted, so text placed within the <noframes> range will be displayed. </p> <p>■ <IFRAME> : ▲Top </p> <p>This tag only works in IE. Its function is to insert a frame window in the middle of a web page to display another file. It is a surrounding tag, but the surrounding words will only be displayed when the browser does not support the iframe tag, such as <noframes>, and you can put some reminder words and the like. It is usually better to use an iframe with a Java Script that recognizes the browser. If the javascript recognizes that the browser is not Internet Explorer, it will switch to another version. The parameter settings of <br><iframe> are as follows: <br>Example:<br></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="24413" class="copybut" id="copybut24413" onclick="doCopy('code24413')"><u>Copy the code</u></a></span> The code is as follows:</div> <div class="codebody" id="code24413"> <br><iframe src="iframe.html" name="test" align="center" width="300" height="100" marginwidth="1" marginheight="1" frameborder="1 " scrolling="Yes"> <p>src="iframe.html" <br></p> </div> <br>In addition to the file name, the file source that you want to display in this frame must include a relative or absolute path. <br>name="test" <br>The name of this frame, which is required by the target parameter of the link tag, <br>align="MIDDLE" <br>The optional values ​​are left, right, top, middle, bottom , not very useful <br>width="300" height="100" <br>The width and length of the frame window, in pixels. <br>marginwidth="1" marginheight="1" <br>The space reserved for the inserted file and the frame. <br>frameborder="1" <br>Use 1 to display the border, 0 to not display it. (Can be yes or no) <br>scrolling="Yes" <br>Use Yes to allow scrolling (default), No to not allow scrolling. <br>Example: Source code<br><div class="codetitle"> <span><a style="CURSOR: pointer" data="67397" class="copybut" id="copybut67397" onclick="doCopy('code67397')"><u>Copy code</u></a></span> The code is as follows:</div> <div class="codebody" id="code67397"> <br><center> &lt ;iframe src="http://www.jb51.net/" name="test" align="center" width="300" height="100" marginwidth="5" marginheight="5" frameborder="1 "> <br>Sorry, the browser you are using does not support IFrame and cannot browse my webpage normally. </iframe><br></center> <br> </div> <br>Show results <p>Most forums use left and right frame codes - how to get the src value of frame in index.htm~~Using JavaScript to implement loading of Frame on any page when accessing this site. Control of the dynamic pulling of frames in web pages. How does javascript operate the diagram method in the field in the frame page HTML --- the javascript code of the Frame column </p> </div> </div> <div class="wzconShengming_sp"> <div class="bzsmdiv_sp">Statement of this Website</div> <div>The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn</div> </div> </div> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="2507867629"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="AI_ToolDetails_main4sR"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5902227090019525" data-ad-slot="3653428331" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <!-- <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Article</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780570.html" title="R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780641.html" title="R.E.P.O. Best Graphic Settings" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Best Graphic Settings</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle Solution" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle Solution</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 weeks ago</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780520.html" title="R.E.P.O. How to Fix Audio if You Can't Hear Anyone" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. How to Fix Audio if You Can't Hear Anyone</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796785857.html" title="Where to find the Crane Control Keycard in Atomfall" class="phpgenera_Details_mainR4_bottom_title">Where to find the Crane Control Keycard in Atomfall</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 weeks ago</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/article.html">Show More</a> </div> </div> </div> --> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Hot AI Tools</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title"> <h3>Undresser.AI Undress</h3> </a> <p>AI-powered app for creating realistic nude photos</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title"> <h3>AI Clothes Remover</h3> </a> <p>Online AI tool for removing clothes from photos.</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title"> <h3>Undress AI Tool</h3> </a> <p>Undress images for free</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title"> <h3>Clothoff.io</h3> </a> <p>AI clothes remover</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title"> <h3>AI Hentai Generator</h3> </a> <p>Generate AI Hentai for free.</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ai">Show More</a> </div> </div> </div> <script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Article</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780570.html" title="R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780641.html" title="R.E.P.O. Best Graphic Settings" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Best Graphic Settings</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796785841.html" title="Assassin's Creed Shadows: Seashell Riddle Solution" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Seashell Riddle Solution</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 weeks ago</span> <span>By DDD</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796780520.html" title="R.E.P.O. How to Fix Audio if You Can't Hear Anyone" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. How to Fix Audio if You Can't Hear Anyone</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>3 weeks ago</span> <span>By 尊渡假赌尊渡假赌尊渡假赌</span> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/1796785857.html" title="Where to find the Crane Control Keycard in Atomfall" class="phpgenera_Details_mainR4_bottom_title">Where to find the Crane Control Keycard in Atomfall</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <span>1 weeks ago</span> <span>By DDD</span> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/article.html">Show More</a> </div> </div> </div> <div class="phpgenera_Details_mainR3"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hottools2.png" alt="" /> <h2>Hot Tools</h2> </div> <div class="phpgenera_Details_mainR3_bottom"> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title"> <h3>Notepad++7.3.1</h3> </a> <p>Easy-to-use and free code editor</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Chinese version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/93" title="SublimeText3 Chinese version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Chinese version</h3> </a> <p>Chinese version, very easy to use</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Zend Studio 13.0.1" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/121" title="Zend Studio 13.0.1" class="phpmain_tab2_mids_title"> <h3>Zend Studio 13.0.1</h3> </a> <p>Powerful PHP integrated development environment</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title"> <h3>Dreamweaver CS6</h3> </a> <p>Visual web development tools</p> </div> </div> <div class="phpmain_tab2_mids_top"> <a href="https://www.php.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_top_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" class="lazy" data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 Mac version" /> </a> <div class="phpmain_tab2_mids_info"> <a href="https://www.php.cn/toolset/development-tools/500" title="SublimeText3 Mac version" class="phpmain_tab2_mids_title"> <h3>SublimeText3 Mac version</h3> </a> <p>God-level code editing software (SublimeText3)</p> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/ai">Show More</a> </div> </div> </div> <div class="phpgenera_Details_mainR4"> <div class="phpmain1_4R_readrank"> <div class="phpmain1_4R_readrank_top"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/hotarticle2.png" alt="" /> <h2>Hot Topics</h2> </div> <div class="phpgenera_Details_mainR4_bottom"> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/gmailyxdlrkzn" title="Where is the login entrance for gmail email?" class="phpgenera_Details_mainR4_bottom_title">Where is the login entrance for gmail email?</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>7433</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>15</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/cakephp-tutor" title="CakePHP Tutorial" class="phpgenera_Details_mainR4_bottom_title">CakePHP Tutorial</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>1359</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>52</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/steamdzhmcssmgs" title="What is the format of the account name of steam" class="phpgenera_Details_mainR4_bottom_title">What is the format of the account name of steam</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>76</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>11</span> </div> </div> </div> <div class="phpgenera_Details_mainR4_bottoms"> <a href="https://www.php.cn/faq/winactivationkeyper" title="win11 activation key permanent" class="phpgenera_Details_mainR4_bottom_title">win11 activation key permanent</a> <div class="phpgenera_Details_mainR4_bottoms_info"> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/eyess.png" alt="" /> <span>29</span> </div> <div class="phpgenera_Details_mainR4_bottoms_infos"> <img src="/static/imghw/tiezi.png" alt="" /> <span>19</span> </div> </div> </div> </div> <div class="phpgenera_Details_mainR3_more"> <a href="https://www.php.cn/faq/zt">Show More</a> </div> </div> </div> </div> </div> <div class="Article_Details_main2"> <div class="phpgenera_Details_mainL4"> <div class="phpmain1_2_top"> <a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img src="/static/imghw/index2_title2.png" alt="" /></a> </div> <div class="phpgenera_Details_mainL4_info"> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/707380.html" title="How to hide WeChat friends without blocking or deleting them? How to hide WeChat friends without blocking or deleting them" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/171032875490824.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How to hide WeChat friends without blocking or deleting them? How to hide WeChat friends without blocking or deleting them" /> </a> <a href="https://www.php.cn/faq/707380.html" title="How to hide WeChat friends without blocking or deleting them? How to hide WeChat friends without blocking or deleting them" class="phphistorical_Version2_mids_title">How to hide WeChat friends without blocking or deleting them? How to hide WeChat friends without blocking or deleting them</a> <span class="Articlelist_txts_time">Mar 13, 2024 pm 07:19 PM</span> <p class="Articlelist_txts_p">How to hide WeChat friends without blocking or deleting them? Many users want to hide some friends but don’t know how to do it. Let this site carefully introduce to users how to hide WeChat friends without blocking or deleting them. Methods to hide WeChat friends without blocking or deleting Method 1: 1. First open the WeChat software, find the address book on the WeChat page, and click &quot;My&quot;. 2. Then we enter the settings page. 3. Find the “Privacy” option and click on it. 4. Then click &quot;Don't let him see&quot;. 5. Go to the Do Not Let Her View page and click &quot;+&quot; to check the friends you want to hide.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/705395.html" title="How to hide works in Douyin short videos How to hide personal video works" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/171021896777920.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How to hide works in Douyin short videos How to hide personal video works" /> </a> <a href="https://www.php.cn/faq/705395.html" title="How to hide works in Douyin short videos How to hide personal video works" class="phphistorical_Version2_mids_title">How to hide works in Douyin short videos How to hide personal video works</a> <span class="Articlelist_txts_time">Mar 12, 2024 pm 12:49 PM</span> <p class="Articlelist_txts_p">There are many short video works provided in the Douyin short video app software. You can watch them as you like, and they are all permanently provided free of charge. Different types of live video channels are open, and all video content is original, with Give everyone the most satisfying way to watch. Enter your account to log in online, and a variety of exciting short videos will be pushed, which are accurately recommended based on what everyone watches every day. You can also enter the live broadcast room to interact and chat with the anchor, making you feel more happy. Works uploaded by individuals can also be hidden. It is very simple to set up with one click. You can see wherever you swipe. Swipe up and down to see the real-time comments of countless netizens. You can also share daily life dynamics. Now the editor has detailed online Douyin short videos. Users push for ways to hide personal video works. First open Douyin short video</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/734386.html" title="Recommended: Excellent JS open source face detection and recognition project" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/171211651392093.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Recommended: Excellent JS open source face detection and recognition project" /> </a> <a href="https://www.php.cn/faq/734386.html" title="Recommended: Excellent JS open source face detection and recognition project" class="phphistorical_Version2_mids_title">Recommended: Excellent JS open source face detection and recognition project</a> <span class="Articlelist_txts_time">Apr 03, 2024 am 11:55 AM</span> <p class="Articlelist_txts_p">Face detection and recognition technology is already a relatively mature and widely used technology. Currently, the most widely used Internet application language is JS. Implementing face detection and recognition on the Web front-end has advantages and disadvantages compared to back-end face recognition. Advantages include reducing network interaction and real-time recognition, which greatly shortens user waiting time and improves user experience; disadvantages include: being limited by model size, the accuracy is also limited. How to use js to implement face detection on the web? In order to implement face recognition on the Web, you need to be familiar with related programming languages ​​and technologies, such as JavaScript, HTML, CSS, WebRTC, etc. At the same time, you also need to master relevant computer vision and artificial intelligence technologies. It is worth noting that due to the design of the Web side</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/712335.html" title="How to hide Smart Island on Xiaomi Mi 14?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/000/164/171074760770395.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How to hide Smart Island on Xiaomi Mi 14?" /> </a> <a href="https://www.php.cn/faq/712335.html" title="How to hide Smart Island on Xiaomi Mi 14?" class="phphistorical_Version2_mids_title">How to hide Smart Island on Xiaomi Mi 14?</a> <span class="Articlelist_txts_time">Mar 18, 2024 pm 03:40 PM</span> <p class="Articlelist_txts_p">In addition to the amazing hardware configuration and excellent functions, Xiaomi Mi 14 also hides a fascinating place - Smart Island. Here, users can enjoy personalized customization and unlimited creative mobile phone experience. But not everyone likes this feature, so how does Xiaomi Mi 14 hide Smart Island? Let’s find out together. How to hide Smart Island on Xiaomi Mi 14? 1. Open the settings application of Xiaomi 14 mobile phone. 2. Scroll to find the &amp;quot;Features&amp;quot; option and click to enter. 3. Find the &amp;quot;Hide Smart Island&amp;quot; option on the features page and turn it on. 4. After confirming that hiding the Smart Island is turned on, return to the desktop and you will see that the Smart Island has been hidden.</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/721993.html" title="Detailed tutorial on hiding works on Douyin" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/171135071571898.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Detailed tutorial on hiding works on Douyin" /> </a> <a href="https://www.php.cn/faq/721993.html" title="Detailed tutorial on hiding works on Douyin" class="phphistorical_Version2_mids_title">Detailed tutorial on hiding works on Douyin</a> <span class="Articlelist_txts_time">Mar 25, 2024 pm 03:11 PM</span> <p class="Articlelist_txts_p">1. First click [+] to shoot. 2. Then click the check mark in the lower right corner to confirm the completion of shooting. Click] Next[, 3. Click [Who can see]. Just select [Private]. Scenario 2: The work has been taken. 1. Click [Me] and select [Work]. 2. Click the [three dots] logo on the right. 3. Swipe left to find [Permission Settings], 4. Click [Set as Private].</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/1785502.html" title="How to deeply clean the hidden junk on your phone (completely remove junk from your phone's memory)" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/171720536936146.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="How to deeply clean the hidden junk on your phone (completely remove junk from your phone's memory)" /> </a> <a href="https://www.php.cn/faq/1785502.html" title="How to deeply clean the hidden junk on your phone (completely remove junk from your phone's memory)" class="phphistorical_Version2_mids_title">How to deeply clean the hidden junk on your phone (completely remove junk from your phone's memory)</a> <span class="Articlelist_txts_time">Jun 01, 2024 am 09:29 AM</span> <p class="Articlelist_txts_p">Mobile phones have become an indispensable part of our daily lives, with the continuous advancement of technology and the popularity of smartphones. These junk files take up valuable storage space, and over time, a large amount of hidden junk will accumulate in the phone and cause the performance of the phone to degrade, however. Knowing how to deeply clean hidden junk on your phone has become essential knowledge for every mobile phone user. 1. Find and clear useless application caches 2. Delete applications that are no longer used 3. Clean photo and video cache 4. Thoroughly clean temporary files and download folders 5. Organize and clean contact and text message records 6. Clean system cache 7. Uninstall useless system applications 8. Clean browser cache and history 9. Delete invalid music and audio files 10. Optimize mobile phone file system</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/682171.html" title="Reasons and solutions for desktop layout being locked" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170833729917927.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Reasons and solutions for desktop layout being locked" /> </a> <a href="https://www.php.cn/faq/682171.html" title="Reasons and solutions for desktop layout being locked" class="phphistorical_Version2_mids_title">Reasons and solutions for desktop layout being locked</a> <span class="Articlelist_txts_time">Feb 19, 2024 pm 06:08 PM</span> <p class="Articlelist_txts_p">What happens when the desktop layout is locked? When using the computer, sometimes we may encounter the situation where the desktop layout is locked. This problem means that we cannot freely adjust the position of desktop icons or change the desktop background. So, what exactly is going on when it says that the desktop layout is locked? 1. Understand the desktop layout and locking functions. First, we need to understand the two concepts of desktop layout and desktop locking. Desktop layout refers to the arrangement of various elements on the desktop, including shortcuts, folders, widgets, etc. we can be free</p> </div> <div class="phphistorical_Version2_mids"> <a href="https://www.php.cn/faq/687961.html" title="Where are the hidden games on steam?" class="phphistorical_Version2_mids_img"> <img onerror="this.onerror=''; this.src='/static/imghw/default1.png'" src="/static/imghw/default1.png" class="lazy" data-src="https://img.php.cn/upload/article/000/887/227/170874583275173.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Where are the hidden games on steam?" /> </a> <a href="https://www.php.cn/faq/687961.html" title="Where are the hidden games on steam?" class="phphistorical_Version2_mids_title">Where are the hidden games on steam?</a> <span class="Articlelist_txts_time">Feb 24, 2024 am 11:37 AM</span> <p class="Articlelist_txts_p">You can hide some games you don’t want to see in steam, so where are the hidden games? Players can click on the hidden game in the view to find their hidden game content. This introduction to the location of hidden games on Steam will tell you the specific method. The following is a detailed introduction, come and take a look! &quot;Steam Usage Tutorial&quot; Where are the hidden games in Steam? Answer: Click on the hidden game in the view. Specific methods: 1. First, click on the view in the software and click on the hidden game. 2. After clicking, you can see the hidden games in the menu on the left. How to hide games: 1. First click on your game library. 2. Select a game, right-click and select Manage. 3. Choose to hide this game.</p> </div> </div> <a href="https://www.php.cn/web-designer.html" class="phpgenera_Details_mainL4_botton"> <span>See all articles</span> <img src="/static/imghw/down_right.png" alt="" /> </a> </div> </div> </div> </main> <footer> <div class="footer"> <div class="footertop"> <img src="/static/imghw/logo.png" alt=""> <p>Public welfare online PHP training,Help PHP learners grow quickly!</p> </div> <div class="footermid"> <a href="https://www.php.cn/about/us.html">About us</a> <a href="https://www.php.cn/about/disclaimer.html">Disclaimer</a> <a href="https://www.php.cn/update/article_0_1.html">Sitemap</a> </div> <div class="footerbottom"> <p> © php.cn All rights reserved </p> </div> </div> </footer> <input type="hidden" id="verifycode" value="/captcha.html"> <script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script> <script src="/static/js/common_new.js"></script> <script type="text/javascript" src="/static/js/jquery.cookie.js?1744138844"></script> <script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script> <link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' type='text/css' media='all' /> <script type='text/javascript' src='/static/js/viewer.min.js?1'></script> <script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script> <script type="text/javascript" src="/static/js/global.min.js?5.5.53"></script> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function () { var u = "https://tongji.php.cn/"; _paq.push(['setTrackerUrl', u + 'matomo.php']); _paq.push(['setSiteId', '9']); var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0]; g.async = true; g.src = u + 'matomo.js'; s.parentNode.insertBefore(g, s); })(); </script> <script> // top layui.use(function () { var util = layui.util; util.fixbar({ on: { mouseenter: function (type) { layer.tips(type, this, { tips: 4, fixed: true, }); }, mouseleave: function (type) { layer.closeAll("tips"); }, }, }); }); document.addEventListener("DOMContentLoaded", (event) => { // 定义一个函数来处理滚动链接的点击事件 function setupScrollLink(scrollLinkId, targetElementId) { const scrollLink = document.getElementById(scrollLinkId); const targetElement = document.getElementById(targetElementId); if (scrollLink && targetElement) { scrollLink.addEventListener("click", (e) => { e.preventDefault(); // 阻止默认链接行为 targetElement.scrollIntoView({ behavior: "smooth" }); // 平滑滚动到目标元素 }); } else { console.warn( `Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.` ); } } // 使用该函数设置多个滚动链接 setupScrollLink("Article_Details_main1L2s_1", "article_main_title1"); setupScrollLink("Article_Details_main1L2s_2", "article_main_title2"); setupScrollLink("Article_Details_main1L2s_3", "article_main_title3"); setupScrollLink("Article_Details_main1L2s_4", "article_main_title4"); setupScrollLink("Article_Details_main1L2s_5", "article_main_title5"); setupScrollLink("Article_Details_main1L2s_6", "article_main_title6"); // 可以继续添加更多的滚动链接设置 }); window.addEventListener("scroll", function () { var fixedElement = document.getElementById("Article_Details_main1Lmain"); var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器 var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度 var scrollHeight = document.documentElement.scrollHeight; // 页面总高度 // 计算距离底部的距离 var distanceToBottom = scrollHeight - scrollTop - clientHeight; // 当距离底部小于或等于300px时,取消固定定位 if (distanceToBottom <= 980) { fixedElement.classList.remove("Article_Details_main1Lmain"); fixedElement.classList.add("Article_Details_main1Lmain_relative"); } else { // 否则,保持固定定位 fixedElement.classList.remove("Article_Details_main1Lmain_relative"); fixedElement.classList.add("Article_Details_main1Lmain"); } }); </script> </body> </html>