Home > front end >  The new Google browser load CSS styles
The new Google browser load CSS styles

Time：12-04

In the new Google browser using addClass method didn't work, other versions are loaded into the style, can use may be the reason why

CodePudding user response:

You still look at the post code, generally is a code block the js, cause the addClass don't take effect

CodePudding user response:

reference 1/f, xiaoxiang dream response:
you still look at the post code, generally is a code block the js, lead to the less effective addClass

But in other browsers can be executed

CodePudding user response:

reference 1/f, xiaoxiang dream response:
you still look at the post code, generally is a code block the js, lead to the less effective addClass

Are different versions of the Google browser

CodePudding user response:

reference libf_first reply: 3/f
Quote: reference 1/f, xiaoxiang dream response:
you still look at the post code, generally is a code block the js, lead to the less effective addClass

Are all different versions of the Google browser


The latest version of 75.0.3770.142 updates only one "1. The optimization performance and strengthen security", I in the machine is no problem to use, if your version of browser, do a personalized Settings

CodePudding user response:

Didn't do personalized Settings, I installed 69,71,72,73 version test can load by method addClass, but in 75 the latest version version is sometimes display style, sometimes not

CodePudding user response:

reference 4 floor xiaoxiang dream response:
Quote: reference libf_first reply: 3/f

Quote: reference 1/f, xiaoxiang dream response:
you still look at the post code, generally is a code block the js, lead to the less effective addClass

Are all different versions of the Google browser


The latest version of 75.0.3770.142 updates only one "1. The optimization performance and strengthen security", I in the machine is no problem to use, if the new version of your browser, do a personalized Settings

Didn't do personalized Settings, I installed 69,71,72,73 version test can load by method addClass, but in 75 the latest version version is sometimes display style, sometimes not

CodePudding user response:

refer to 6th floor libf_first response:
Quote: refer to 4th floor xiaoxiang dream response:
Quote: reference libf_first reply: 3/f

Quote: reference 1/f, xiaoxiang dream response:
you still look at the post code, generally is a code block the js, lead to the less effective addClass

Are all different versions of the Google browser


The latest version of 75.0.3770.142 updates only one "1. The optimization performance and strengthen security", I in the machine is no problem to use, if the new version of your browser, do a personalized Settings

Didn't do personalized Settings, I installed 69,71,72,73 version test can load by method addClass, but in 75 the latest version version is sometimes display style sometimes don't


This is my verification code: 
 
 
 
<meta charset="UTF-8"> 
<meta name="viewport" content="width=device - width, initial - scale=1.0" & gt; 
<meta HTTP - equiv="X - UA - Compatible" content="ie=edge" & gt; 
 Test & lt;/title> <br/><The script type="text/javascript" SRC="https://bbs.csdn.net/topics/js/jquery-1.10.2.js" & gt; </script> <br/><style> <br/>. AddColor {<br/>Color: # ff0000; <br/>The font - weight: 900; <br/>} <br/></style> <br/></head> <br/><body> <br/><Input id="btnclick" type="button" value="https://bbs.csdn.net/topics/button" onclick="setContent ()"/& gt; <br/><Div id="myspan" & gt; What is your name & lt;/div> <br/><The script type="text/javascript" & gt; <br/>The function setContent () {<br/>$(" # myspan "). The addClass (" addColor "); <br/>} <br/></script> <br/></body> <br/></html> <br/></pre> <br/><br/>This is the rendering: <br/><img SRC="https://img.codepudding.com/202012/174158040144041.png" Alt=""/> <br/><br/><br/>Combined with your questions, one, you have a problem whether the 75 version of the browser installed two, you see if you execute code under multiple calls the jquery. Three, js check addClass increase class was torn away, cause the style didn't load the appearance of success <br/><br/><br/><p class="article - content rp"> CodePudding user response: </p>Try change the high version of jquery<p class="article - content rp"> CodePudding user response: </p><fieldset> <legend> refer to 7th floor xiaoxiang dream response: <legend> <blockquote> <fieldset> <legend> Quote: refer to the sixth floor libf_first response: <legend> <blockquote> <br/><fieldset> <legend> Quote: refer to 4th floor xiaoxiang dream response: <legend> <blockquote> <fieldset> <legend> Quote: refer to the third floor libf_first response: <legend> <blockquote> <br/><fieldset> <legend> Quote: reference 1/f, xiaoxiang dream response: <legend> <blockquote> you still look at the post code, generally is a code block the js, lead to the less effective addClass </blockquote> <fieldset> <br/>Are all different versions of the Google browser </blockquote> <fieldset> <br/><br/>The latest version of 75.0.3770.142 updates only one "1. The optimization performance and strengthen security", I in the machine is no problem to use, if the new version of your browser, do a personalized Settings </blockquote> <fieldset> <br/>Didn't do personalized Settings, I installed 69,71,72,73 version test can load by method addClass, but in 75 the latest version version is sometimes display style sometimes don't </blockquote> <fieldset> <br/><br/>This is my verification code: <br/><pre> <br/><! DOCTYPE html> <br/><HTML lang="en" & gt; <br/><head> <br/><meta charset="UTF-8"> <br/><meta name="viewport" content="width=device - width, initial - scale=1.0" & gt; <br/><meta HTTP - equiv="X - UA - Compatible" content="ie=edge" & gt; <br/><title> Test & lt;/title> <br/><The script type="text/javascript" SRC="https://bbs.csdn.net/topics/js/jquery-1.10.2.js" & gt; </script> <br/><style> <br/>. AddColor {<br/>Color: # ff0000; <br/>The font - weight: 900; <br/>} <br/></style> <br/></head> <br/><body> <br/><Input id="btnclick" type="button" value="https://bbs.csdn.net/topics/button" onclick="setContent ()"/& gt; <br/><Div id="myspan" & gt; What is your name & lt;/div> <br/><The script type="text/javascript" & gt; <br/>The function setContent () {<br/>nullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnull           </div>
          <div class="th_page th_page_color"></div>
          <div class="umCopyright">
            <p>Page link：<a href="/frontend/91766.html" target="_blank" style="color:#999">https//www.codepudding.com/frontend/91766.html</a></p>
          </div>
          <div class="detail-arr">
               <div class="detail-arr-left">Prev:<a href='/frontend/91765.html'>Helps to read a new ASP statements.</a></div>
               <div class="detail-arr-right">Next:<a href='/frontend/91767.html'>Ruby a grammar problem</a></div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="container th_top">
    <div class="row">
      <div class="col-md-12">
        <div class="hot-tags neitags">
          <ul>
            <li><i class="iconfont icon-x-tags"></i> Tags：  </li>
<a href='/e/tags/?tagname=HTML+%28CSS%29' target='_blank'>HTML (CSS)</a>               </ul>
        </div>
      </div>
    </div>
  </div>
 <div class="container th_top">
    <div class="row">
      <div class="col-md-12">
        <div class="xiangguan">
        	<ul class="msg msghead">
            	<li class="tbname">Related</li>
            </ul>
          <ul>             </ul>
        </div>
      </div>
    </div>
  </div>
<div class="container th_top">
  <div class="row">
    <div class="col-md-12">
      <div class="flinks">
        <ul>
          <li><i class="iconfont icon-x-tags"></i> Links：  </li>
          <li class="liflinks"><a target="_blank" href="/" title="CodePudding">CodePudding</a></li>

            </ul>
      </div>
    </div>
  </div>
</div>
<div class="footer">
  <p><span style="font-size:16px;color:#666;font-weight: bold">About Us:</span>          <a href="https://www.codepudding.com/contact.html">Contact Us</a>      <a href="https://www.codepudding.com/service.html">Terms of Service</a>      <a href="https://www.codepudding.com/privacy.html">
Privacy Policy</a></p>
  <p class="foot_info">Copyright © 2010-2023，Powered By <a href="/" target="_blank">CodePudding</a> </p>
</div>
<script type="text/javascript" src="/skin/code/tianhu.js"></script> 
</body></html>