JavaScript 常用互动方法

2021-04-01 16:33:56 浏览数 (47)

JavaScript 的功能之强大,能够做到很多新功能,以下介绍常用的互动方法。

输出内容

document.write()

可以用做直接给 HTML 输出流的内容,换而言之就是能在网页中直接输出内容。

一、需要输出的内容要用 " "来包围,直接输出 " " 号中的内容

<script type="text/javascript">
  document.write("I love JavaScript!"); //内容用""括起来,""里的内容直接输出。
</script>

二、通过变量输出内容

<script type="text/javascript">
  var mystr="hello world!";
  document.write(mystr);  //直接写变量名,输出变量存储的内容。
</script>

三、输出多个内容,间隔用 + 号连接起来。

<script type="text/javascript">
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接
</script>

四、输出 HTML 标签,并用 " "包围起来

<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//输出hello后,输出一个换行符
  document.write("JavaScript");
</script>

实例:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.write</title>
  <script type="text/javascript">
    var mystr="我是";
    var mychar="JavaScript";
    document.write(mychar+"<br>");
    document.write(mystr+mychar+"的忠实粉色!")
 
  </script>
</head>
<body>
</body>
</html>

以上就是小编为您整理的关于 JavaScript 常用互动方法 的全部内容。


1 人点赞