请问html页面如何和JavaScript共用一个变量

在同一个页面内html代码如下：

 <input type="text" id="name" v-on="blur:nameCheck" onchange="javascript:{ changed=true; }">

页面下面JavaScript代码：

 if(changed == undefined) {
                this.message = ['你未进行任何修改'];
                return;
            }

当我对input的值进行了修改时，会触发onchange，这样changed的值就为1；但是当没有进行修改时，下面的if找不到changed的值，提示changed未定义。请问各位老师怎样定义和判断changed的值？无论input改变与否，下面的if语句都能找到changed。谢谢。

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

10条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
is_thinking 2015-07-22 16:12
关注
写错了，如果触发onchange的话，changed的值为true，没有触发的话提示changed未定义

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
f455176715 2015-07-22 16:33
关注
在javaScript代码片段中自己定义一个变量，初值为false。当发生onchange事件时，把值true赋给该变量

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
yuke198907 2015-07-22 16:46
关注
你可以onchange的时候触发一个js函数啊，然后再函数里判断执行

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
is_thinking 2015-07-22 16:50
关注
changed=false； if(changed == false) { this.message = ['你未进行任何修改']; return; }
这样吗？这样不行，changed一直为false

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
danielinbiti 2015-07-22 17:04
关注
<!DOCTYPE html> <html> <body> <script> function getChange(){ alert(changed);//定义成全局变量,window.changed } </script> <input type="text" id="name" v-on="blur:nameCheck" onchange="javascript:{ window.changed=true; }"/> <input type="text" id="name" v-on="blur:nameCheck" onchange="javascript:{ window.changed=false; }"/> <input type='button' value='查看change状态' onclick='getChange()'/> </body> </html>
解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容

is_thinking 2015-07-22 17:23

关注

新问题来了，一个值可以正确判断，两个值不行

 <input type="text" id="name" v-on="blur:nameCheck" onchange="javascript:{ changed=true; }">

后面是jsp

 if('undefined' == typeof(changed)) {
                this.message = ['你未进行任何修改'];
                return;
            }

这样可以正确判断，但是如果我加了个邮箱验证就不行了

 <input type="text" id="name" v-on="blur:nameCheck" onchange="javascript:{ changed=true; }">
 <input type="text" id="email" v-on="blur:emailCheck" onchange="javascript:{ echanged=true; }">

后面jsp

  if('undefined' == typeof(changed) && 'undefined' == typeof(echanged)  ) {
                this.message = ['你未进行任何修改'];
                return;
            }

这样就不行了。。。

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
_明月 2015-07-22 17:27
关注
亲,onchange事件是必须有变化才触发的，类似onkeypress，你试试声明一个全局变量 var changed呢

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容

斯洛文尼亚旅游 2015-07-22 17:47

关注

change申明为全局变量。。

 <script>var change=false</script>
<form onsubmit="return check(this)">
 <input type="text" id="name" v-on="blur:nameCheck" onchange="javascript:{ changed=true; }">
  <input type="text" id="name" v-on="blur:nameCheck" onchange="javascript:{ changed=true; }">
     <input type="text" id="name" v-on="blur:nameCheck" onchange="javascript:{ changed=true; }">
     <input type="submit"></form>
     <script>
     function check(f){
     if(!change){alert('未作修改');return false;}
     }
     </script>

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
save4me 2015-07-22 18:34
关注
定义一个全局变量就可以了，参考在线演示

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容
关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
普通网友 2015-07-24 21:49
关注
案件告破，还是用的
if('undefined' == typeof(changed)) {
this.message = ['你未进行任何修改'];
return;
}

用两次不行是因为我程序的其他问题，用undefined可以正确判断，谢谢各位老师。

解决无用
评论打赏
分享
举报
编辑

预览
轻敲空格完成输入
显示为

卡片

标题

链接
评论

按下Enter换行，Ctrl+Enter发表内容

编辑

预览

报告相同问题？

关注问题

iframe 获取 html 里的 javascript 变量 html javascript 前端
2021-12-19 08:22

回答 1 已采纳可以看下iframe如何获取的https://www.cnblogs.com/xiaoleiel/p/8308808.html
HTML里一个标签的属性值可以设为一个js变量吗 html javascript 前端
2022-06-07 08:50

回答 2 已采纳或许可以理解为js动态修改HTML标签的属性值 <!DOCTYPE html> <html lang="en"> <head> <meta char
如何让JavaScript自己生成一个HTML文件 javascript jquery 前端框架
2022-12-13 01:51

回答 3 已采纳你想用js去生成一个HTML文件是吧，其实很简单，两行代码就可以了
基于Vue3框架的菜谱APP前端页面代码设计源码
2025-02-10 18:10

Vue.js作为一个流行的JavaScript框架，因其易用性和灵活性，在开发各种前端应用时大放异彩。特别是Vue3的发布，带来了诸多新特性，包括Composition API、更好的TypeScript支持、性能优化等，使得开发者可以更加高效...
Web前端开发JavaScript html css html5 javascript
2022-05-20 10:49

回答 3 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />
一个前端问题请教一下 html javascript 前端
2022-04-19 10:07

回答 1 已采纳 getElementsByName 获取到的是个集合。insertAdjacentHTML是Element的方法。要用集合中元素调用insertAdjacentHTML方法，不能用集合直接调用
Javascript到html标签〜传递一个变量 html javascript php
2013-12-06 11:56

回答 3 已采纳 Try something like this... Name: <input type="text" id="number"><br> Text: &l
前端页面跳转前后共享的全局变量
2022-12-12 08:03

leese233的博客前端页面跳转前后共享的全局变量
JavaScript 中关于全局变量的修改和再调用 javascript 有问必答
2021-10-26 07:00

回答 2 已采纳如果A是全局的那么应该没问题，不过因为你的A[1]必须是在b执行之后才存在，只要先执行b再执行c是不会有错的啊 const A = ['1'] function b() { A.pus
如何将html前端页面用session携带数据到另一个页面 ajax javascript jquery
2021-11-14 13:33

回答 2 已采纳这个很简单，比如你要存一个对象，先定义一个空的数组arr，然后跳转的时候session.set("arr"),另一个页面取值，直接let arrData =session.get("arr"),取到这
后端返回html代码，如何重定向到一个临时页面，将后端返回的html代码插入其中？ html javascript 前端
2022-02-25 08:34

回答 4 已采纳重定向到window.location.href = ‘about:blank’，将后端返回的html写入页面documen.write(res)
多个变量存储同一个地址
2023-12-13 08:02

✾℡南风未恋̶̶ღ̶̶的博客所以都能访问a和b，但是改值，改的是对象变量的值，当a去访问还是同一个对象，但是这个对象的变量的值已经被改。我们执行，修改，访问，都是看内存上的。得到或者其他操作都是看操作时刻的内存上。
【JavaScript】前端面试基础篇第二章变量类型和计算
2019-04-27 14:58

Fcat233的博客题目 JS中使用typeof能得到哪些类型何时使用=== 何时使用== JS中有哪些内置函数 ...JS变量按照存储方式区分为哪些类型，并描述其特点如何理解JSON 知识点变量类型值类型 ...
Web前端实现多个元素标签页相互通信、Html页面之间相互通信
2021-04-04 17:01

吾索未的博客 Web前端实现多个元素标签页相互通信、Html页面之间相互通信
html中不使用内置对象的方式实现多个页面用同一变量
2017-05-04 05:02

豆芽胡的博客在html页面中我们会用一个变量去接收service端发送的数据（该数据通过websocket发送）。如果想将其填充到页面的table这是很容易的，如果不同页面都要获取该对象是不行的，因为该变量的作用域为page，所以要用一种...
没有解决我的问题, 去提问

请问html页面如何和JavaScript共用一个变量

10条回答 默认 最新

10条回答默认最新