html中的变量

本文介绍了JavaScript中的变量作用域,包括局部变量和全局变量的概念。通过实例解释了局部变量只在函数内部有效,而全局变量在整个代码范围内都可访问。还探讨了变量命名冲突的就近原则,并展示了如何在函数内部访问全局变量。最后,提到了未声明变量默认成为全局变量的情况。

变量作用域

局部变量:在函数内部定义的变量,这个变量只能够在函数的内部使用,在全局中不能够使用。比如在三国时期,袁术称帝后,只有袁术阵营的人才认为他是皇帝,他发布的命令只有在本阵营里面起作用。但是其他人不认为他是皇帝,他发布的命令没有作用。

function localVar(){
    var a = 1;
    alert(a);
}
localVar();
alert(a);

在函数内部定义一个变量,如果没有加上var ,那么这个变量被认作为全局变量。

function localAllVar(){
    a = 1;
}
function test(){
    alert(a);
}
localAllVar();
test();

全局变量

在函数外部定义的变量,这个变量可以在全局进行使用。比如汉朝的皇帝发布了命令,那么不管是袁绍还是曹操都要听这个命令。

var a = 1;
function allVar(){
    alert(a);
}
allVar();

冲突处理原则:就近原则。
当函数中定义了一个和全局变量名相同的变量,此时在函数中在定义前使用,那么这个变量还是函数中的变量,为undefined,不使用全局变量。
要理解就近原则,而不是从上到下。

var a = 1;
function doubleVar(){
    var a = 2;
    var a = 3;
    alert(a);
}

局部和全局同时定义了一个相同名字的变量时如何在局部里面访问全局变量?在局部中给变量加上window的前缀,就可以访问到全局的变量。

var a = 1;
function doubleVar(){
    var a = 2;
    var a = 3;
    alert(a);
    alert(window.a);
}
HTML 中输出变量可以有多种情况,以下是不同场景下的方法: ### 输出 JavaScript 变量 可以使用`<script>`标签,在 HTML 页面中使用`document.write()`或者将变量插入到 HTML 元素中。示例如下: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JavaScript 变量输出</title> </head> <script> var a = 10; </script> <body> <!-- 使用 document.write 输出 --> <script>document.write(a)</script><br /> <!-- 将变量插入到 HTML 元素中 --> <span id="output"></span> <script> document.getElementById('output').innerHTML = a; </script> </body> </html> ``` 此示例参考了引用中 HTML 页面输出 JavaScript 变量的示例 [^3]。 ### 输出 PHP 变量 #### 直接在 PHP 嵌入 HTML 中输出 可以在 PHP 代码中通过`echo`等方式输出变量HTML 中。示例如下: ```php <?php $abc = "Hello, World!"; ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>PHP 变量输出</title> </head> <body> <?php echo $abc; ?> </body> </html> ``` #### 在 HTML 文件中获取 PHP 输出的变量HTML 文件中可以通过特定的语法获取 PHP 输出的变量。示例如下: ```html <!-- 前提在 HTML 文件中 --> <script type="text/javascript"> var voertime = '{$deal_info.over_time}'; // php 的截止时间 var user_info = '{$user_info}'; // 检测用户是否登录 flag </script> ``` 此示例参考了引用中在 HTML 文件中获取 PHP 输出变量的示例 [^4]。 ### 循环输出变量数据 在一些模板引擎中,可以使用循环语法输出变量数据。示例如下: ```php <?php $data = modelName::all(); // 获得模块名对应的数据表的所有信息 $this->view->assign('name', $data); // assign 之后才能在页面输出数据 ?> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>循环输出变量数据</title> </head> <body> {volist name="$name" id="item"} <!-- 这里可以使用 $item 输出具体的数据 --> <?php echo $item; ?> {/volist} </body> </html> ``` 此示例参考了引用中循环输出变量数据的示例 [^5]。 ### 输出带变量HTML 代码 可以使用 PHP 的`<<<`语法输出带变量HTML 代码。示例如下: ```php <?php $abc = "Hello"; echo <<< EOT <html> <body> <p>$abc, World!</p> </body> </html> EOT; ?> ``` 此示例参考了引用中 PHP 输出带变量HTML 代码的示例 [^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值