Question

有没有办法显示文字或句子，说＆＃34;水是生命＆＃34;很多时候，只通过放置代码，而不是一遍又一遍地编写代码。意味着只要我放置代码，就会显示文本/句子。借助CSS和javascript

Answer 1

例如：

使用jQuery

<span class="water-is-life"></span>
...
<div class="water-is-life"></div>

<script type="text/JavaScript">
$('.water-is-life').html("Water is life");
</script>

使用AngularJS

<div ng-app="myApp" ng-controller="myCtrl">
<span>{{ waterIsLife }}</span>
...
<div><b>{{ waterIsLife }}</b></div>
</div>

<script type="text/JavaScript">
angular.module('myApp', [])
.controller('myCtrl', function($scope) {
   $scope.waterIsLife = "Water is life";
});
</script>

Answer 2

function writeText(text) {
    document.write(text);
} 

writeText('water is life');

您可以创建这样的功能。

Answer 3

使用css pesudo代码：

＆＃13;

.water:after {
  content: "water is life";
}

＆＃13;

<!DOCTYPE html> <!-- IE -->
<p class='water'></p>
<p class='water'></p>
<p class='water'></p>

＆＃13;

使用js，您可以创建用于编写文本的函数：

＆＃13;

var out = function() {
  document.write('<p>water is life</p>');
};
for (var i = 1; 3 >= i; i++)
  out();

＆＃13;

Answer 4

就个人而言，我会用PHP在服务器端进行。

<?php $text="water is life"; ?>
<!-- Some HTML page content -->
<?php echo $text; ?>
<!-- Some more HTML page content -->
<?php echo $text; ?>
<!-- And so on ... -->

Answer 5

这可能会有所帮助......

HTML

<p id="demo"></p>

的Javascript

function myText(){
    var str =  "Water is life"; // Your desired text....
    return str;
}
document.getElementById("demo").innerHTML = myText();

Check this Fiddle

使用myText()显示文字...

要多次打印文本，请尝试使用

for(var i = 0; i < 2; i++){
      alert(myText());
}

＆＃13;

function myText(){
    	var str =  "Water is life"; // Your desired text....
    	return str;
    }
for(var i = 0; i < 2; i++){
    alert(myText());
    }

＆＃13;

通过仅放置代码多次显示一段文本

5 个答案: