Google Chrome识别弹出窗口

时间:2016-01-08 04:26:20

标签: javascript html

我有这行Javascript:

if (true){ 
  $('#custom-tag').html('HTML');
} 
else {
  $('#custom-tag').html('DifferentHTML');
}

如果变量为yes,它将在启动时运行此html代码。 如果变量不是,则它将在启动时运行此行的html。 我怎么能这样做?

编辑:我担心我忘了说,我想要这个来检测你的浏览器。如果使用chrome,它将不会输出HTML。如果使用除Chrome之外的其他浏览器,则会输出HTML。

编辑#2:我有这段代码。我需要为弹出窗口修复此问题,以确定它是否为chrome。



			$(function() {

			  $('#in').on('keyup', function() {
			    validate();
			  });

			});

			function validate() {
			  var x = $('#in').val();

			  if (navigator.userAgent.indexOf("Chrome") != -1) {
			    $('#result').html('<h3>Chrome</h3>');
			  } else {
			    $('#result').html('');
			  }

			}
&#13;
<input type="text" id="in" onChange="validate()" />

<div id="result">





  <div id="popup" class="overlay">
    <div class="popup">
      <h2>Browser</h2>
      <a class="close" href="javascript:popupClose();">×</a>
      <div class="content">
      </div>
    </div>
  </div>
&#13;
&#13;
&#13;

只需要连接所有这些。编辑:我需要将最后一行html添加到java代码中,如果它不是chrome。

5 个答案:

答案 0 :(得分:1)

尝试使用ternary operator的一行代码段。

// Check if not chrome
if(!$.browser.chrome){
    // If its variable.
    $('#custom-tag').html( (variable == 'yes') ? 'html' : 'different html' );
}

// If its checkbox.
$('#custom-tag').html( $('#checkboxId').is(":checked") ? 'html' : 'different html' );

答案 1 :(得分:1)

这里有效

var name;
if(name.checked == true){
 $('#custom-tag').html('HTML');
}else{
 $('#custom-tag').html('DifferentHTML'); 
}

答案 2 :(得分:0)

var x = true;  // Your dynamic result True or False is stored in x

if(x)
{
    $('#selector').html();
}
else
{
    $('#selector').html();
}

你也可以通过定义var x =''来做到这一点;在脚本的开头,然后根据您的其他脚本语句,它将获得值true或false。然后你需要检查x =''或不。就是这样!

答案 3 :(得分:0)

$(function(){

  $('#in').on('keyup',function(){
    validate();
  });

});

function validate(){
    var x = $('#in').val();
    
  if(x  == "x"){
    $('#result').html('<h3>x entered</h3>');
  }else{
    $('#result').html('<h5>something other than x entered</h5>');
  }

}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="in" onChange="validate()"/>

<div id="result">
  
  
</div>

答案 4 :(得分:0)

您可以通过以下方式检查其chrome:

if( navigator.userAgent.toLowerCase().indexOf('chrome') > -1 ){ 
  // chrome, do nothing
} 
else {
  // not chrome put html
  $('#custom-tag').html('HTML');
}