Question

我有一个index.html和一个链接脚本。我的jQuery代码应该.html将内容从链接脚本写入div，但是它会重写整个页面。 .text工作得很好，但是必须编写的内容包含一个脚本。

的index.html

<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="scripts/scripts.js" type="text/javascript"></script>
</head>

<body>
   <div class="copyright" name="copyright">
   </div>
</body>

的script.js

$(document).ready(function () {
    $("div.copyright").html("&copy; <script> new Date().getFullYear()>2010&&document.write(new Date().getFullYear()) </script> myName");
});

Answer 1

您在使用jQuery插入时使用document.write。为什么要创建新脚本？

$(document).ready(function(){
  if(new Date().getFullYear()>2010){ $( "div.copyright" ).write(new Date().getFullYear());}
});

如果您需要脚本标记，可以在javascript中使用this（未经测试对不起）或jQuery中的$(this)（另一次没有测试）

Answer 2

您可以使用此

$(document).ready(function () {
        var a = (new Date().getFullYear()>2010) ? new Date().getFullYear() : "2010"
        $("div.copyright").html("&copy;"+ a + " myName");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="scripts/scripts.js" type="text/javascript"></script>
</head>

<body>
        <div class="copyright" name="copyright">

        </div>
</body>

Answer 3

试试这个：在你的HTML中：

<div>
&copy;
<span id="copyright">

</span>
 myName
</div>

在你的js：

  $(document).ready(function(){
  if(new Date().getFullYear()>2010){ $( "#copyright" ).write(new 
  Date().getFullYear());}
     });

Answer 4

由hasan解决

$(document).ready(function () {
        var a = (new Date().getFullYear()>2010) ? new Date().getFullYear() : "2010"
        $("div.copyright").html("&copy;"+ a + " myName");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="scripts/scripts.js" type="text/javascript"></script>
</head>

<body>
        <div class="copyright" name="copyright">

        </div>
</body>

jquery .html重写整个页面而不是div

4 个答案: