在 html 正文中显示 javascript 变量-ag捕鱼王app官网

当前位置：ag捕鱼王app官网 > > web前端 > html >

vue react javascript angular css html

在 html 正文中显示 javascript 变量

作者：迹忆客最近更新：2023/05/09 浏览次数：

显式定义 script 标签并在 html 正文中添加必要的输出代码块通常更容易。我们还在 head 标签中使用 script 标签来加载 body 标签之前的 javascript 代码。

每个惯例都有它的备注；如果我们需要检查代码是否没有错误，我们可以在 head 部分添加 javascript 函数来执行任务。我们还可以在 body 元素中使用 javascript 来实现点击事件和其他动态功能。

在这里，我们将演示如何在 html 正文中显示 javascript 变量，具体来说，我们将在 body 元素中添加我们的代码块。但是在 html 正文中传递值和临时显示由 javascript 代码约定触发的值是有区别的。

使用 `innerhtml` 在 html 正文中显示 javascript 变量

通过获取特定的 id 或 class 并传递变量的值来使用 innerhtml 是在 html 正文中显示 javascript 变量的最常见方法之一。

我们将在我们的 html 正文中使用 id = "input" 初始化一个 span 标签。然后 script 标签将通过 innerhtml 属性将一个变量发送到该 id = "input"。在 html 正文中放置 javascript 变量时，这种 dom 操作很方便。

代码片段：


<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>testtitle>
head>
<body>  
  <p> hello! i'm <span id="input">span>.p>
  <script>
      document.getelementbyid('input').innerhtml = "robert" ;
  script>
body>
html>

输出：

使用 `document.write()` 属性在 html 正文中显示 javascript 变量

这里，初始化 document.write(parameter) 属性的系统主要用于测试变量。在这种情况下，参数是 javascript 中定义的变量或对象。

我们将在段之前的 script 标记中声明变量以显示它。稍后，我们将有一个 p 标签，在其中，另一个 script 标签采用上层脚本的启动。

代码片段：


<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>testtitle>
  <script>
      var input = "gwen";
    function doc(){
      document.write(input);}
  script>
head>
<body>  
  <p> hello! i'm <script>doc(input)script>.p>
body>
html>

输出：

document_write

使用 `window.alert` 属性在 html 正文中显示 javascript 变量

这是通过 dom 操作测试你的变量的一个非常简单的过程。

我们将定义一个 javascript 对象或变量并在此处存储一个随机值。在 script 标签内，我们将声明 window.alert(variable)，并且该属性将在触发窗口对象时提示一条消息。

代码片段：


<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>testtitle>
head>
<body>  
  <script>
      var input = "hello! i'm tom.";
      window.alert(input);
  script>
body>
html>

输出：

上一篇：在 html 中使用 javascript 变量

下一篇：在 html 中勾勒文本

转载请发邮件至 1244347461@qq.com 进行申请，经作者同意之后，转载请以链接形式注明出处

本文地址：

发布时间：2023/03/29 浏览次数：156 分类：php

本教程演示了如何将用户从页面重定向到 php 中的其他页面

在 html 正文中显示 javascript 变量-ag捕鱼王app官网