Question

我发现我喜欢使用JavaScript，但我需要将它写在html页面而不是单独的文件中......这是JS fiddle

以下是我试图写的方式：

<head>
<style>
p span {color:blue;}
</style>
</head>

<body>

<p>sony sensor 2.1mp</p>

<script>
$('p').html(function(index, value) {
    return value.replace(/(\d+)/g, '<span>$1</span>');
});
</script>

</body>

我知道我可以用<span>标签包装数字但是在我的实际页面中，我在文本中有数十次数字，这是我宁愿使用脚本......

我需要在脚本中进行哪些更改才能使其正常工作？

Answer 1

两件事，使用<script type='text/javascript'></script>。并添加对jQuery库的引用。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

并将您的脚本放在$(document).ready().

中

Answer 2

我认为你真的应该看看this

<强>更新

当您使用jquery时，您需要将脚本添加到页面中，并且所有jquery代码必须位于$(document).ready(function(){ })内，它将如下所示。

<head>
<style>
p span {color:blue;}
</style>
</head>

<body>

<p>sony sensor 2.1mp</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function() { 
    $('p').html(function(index, value) {
        return value.replace(/(\d+)/g, '<span>$1</span>');
    });
})
</script>

</body>

在html页面中编写javascript

2 个答案: