精华内容
下载资源
问答
  • js 保存页面数据

    千次阅读 2016-12-23 11:14:55
    js 保存、恢复页面表单数据保存表单数据function saveConfig() { var configName = document.title; if (!localStorage) return; var Config = {}; var index = 0; var inputs = $('input'); inputs.each...

    js 保存、恢复页面表单数据


    保存表单数据

    function saveConfig() {
      var configName = document.title;
      if (!localStorage) return;
      var Config = {};
      var index = 0;
      var inputs = $('input');
      inputs.each(function (ind, input) {
        let type = input.type;
        switch (type) {
          case "text": Config[index] = input.value; break;
          case "radio":
          case "checkbox": Config[index] = input.checked; break;
          default: console.error("unknow type");
        }
        index++;
      });
      var textareas = $('textarea');
      textareas.each(function (ind, textarea) {
        Config[index] = textarea.value;
        index++;
      });
      localStorage.setItem(configName, JSON.stringify(Config));
      console.log(configName + " - " + JSON.stringify(Config));
    }

    恢复表单数据

    function loadConfig() {
      var configName = document.title;
      if (localStorage && localStorage.getItem(configName)) {
          Config = JSON.parse(localStorage.getItem(configName));
          var index = 0;
          var inputs = $('input');
          inputs.each(function (ind, input) {
            let type = input.type;
            switch (type) {
              case "text": input.value = Config[index]; break;
              case "radio":
              case "checkbox": input.checked = Config[index]; break;
              default: console.error("unknow type");
            }
            index++;
          });
          var textareas = $('textarea');
          textareas.each(function (ind, textarea) {
            textarea.value = Config[index];
            index++;
          });
      }
    }
    展开全文
  • 父页面js调用子页面数据

    千次阅读 2016-09-29 09:39:01
    1、首先,在父页面写个iframe用来显示子页面。 2、设定选择按钮,通过js访问子页面的...4.在子页面中接收传过来的数据,并将数据通过js传到父页面js中。代码如下: 5.父页面js接收到参数后,将值赋给文本框。

    1、首先,在父页面写个iframe用来显示子页面。


    2、设定选择按钮,通过js访问子页面的action。


    js代码如下:



    3.子页面action代码如下,查询出数据后,通过Struts传给子页面。代码如下:


    4.在子页面中接收传过来的数据,并将数据通过js传到父页面的js中。代码如下:


    5.父页面的js接收到参数后,将值赋给文本框。


    显示界面如下所示




    展开全文
  • 最近做项目接触到的一个问题,向后台提交Json...这里是js数据先转为Json再使用的。 parArr = {}; var aaa = $('#aaa').val().replace(/(^\s*)|(\s*$)/g, ""); parArr.A = aaa; var bbb = $('#bbb').val(...

    最近做项目接触到的一个问题,向后台提交Json数据。可以在js中转好再传过去,也可以传过去后在后台进行转Json。这里是js将数据先转为Json再使用的。

     

     

    parArr = {};

    var aaa = $('#aaa').val().replace(/(^\s*)|(\s*$)/g, "");

    parArr.A = aaa;

    var bbb = $('#bbb').val().replace(/(^\s*)|(\s*$)/g, "");

    parArr.B = bbb;

    var ccc = $('#ccc').val().replace(/(^\s*)|(\s*$)/g, "");

    parArr.C = ccc;

    params = JSON.stringify(parArr);

     

    后台传过去后,对应的key为A,B,C。如{“A”:1,“B”:2,“C”:3}。

     

    如果要求需要[ ] ,可以自己加上再进行操作:params = "["+params+"]"。

     

     

    展开全文
  • JS获取页面数据

    万次阅读 2018-02-08 09:56:36
    <script type="text/javascript" src="js/jquery-3.2.1.js"> ( confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。 如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm...

    1.通过名字获取:document.getElementByName("name").value;

    2.通过id获取: document.getElementById("id").value;

    3.通过类获取:document.getElementsByClassName("class").value;

    4.获取文档中id=“querySelector”的值document.querySelector("#querySelector").value;

    5.JSON获取:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title></title>
    </head>
    <script>
    function a(){
    if(confirm("开始比较?")==true){
    var a=$("#a").val();
    var b=$("#b").val();
    var c=$("#c").val();
    if(a>(b*c)){
    alert("成功!")
    }else{
    alert("失败!")
    }
    }
    }
    </script>
    <body>
    <input type="button" id="a" value="1000" />
    <input type="button" id="b" value="10" />
    <input type="button" id="c" value="1000" />
    <button type="submit" οnclick="a(this)">比较</button>
    </body>
    <script type="text/javascript" src="js/jquery-3.2.1.js"></script>
    </html>

    (confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。

    如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。

    在用户点击确定按钮或取消按钮把对话框关闭之前,它将阻止用户对浏览器的所有输入。在调用 confirm() 时,将暂停对 JavaScript 代码的执行,在用户作出响应之前,不会执行下一条语句。)


    展开全文
  • 主要介绍了使用jQuery或者原生js实现鼠标滚动加载页面数据的方法,即控制滚动条下拉时的加载事件,需要的朋友可以参考下
  • JS页面数据懒加载

    千次阅读 2019-03-08 21:55:54
    页面数据懒加载。Div移动到可视区域再去ajax加载内容。 最近有需求做页面的多个table用于加载数据,但是用户浏览页面的时候不需要一次将页面所有的东西加载出来,比如页面上3个table就占满了,用户点进去第一眼也就...
  • 需求:JQuery请求的后端多个数据后,赋值给前端页面,以列表的形式展示出来 完成的简单模板 <html> <head> <script src="G:/js/jquery-3.5.1.js"></script> <script> $...
  • JS 页面刷新/数据刷新

    千次阅读 2014-09-08 15:03:11
    JS中,刷新有两种方式:页面整体刷新和数据的局部刷新。 页面整体刷新:[code="js"]location.reload(true);[/code] 每次运行到此命令,都会刷新整个页面,当然也会实现数据的刷新。但是采用页面...
  • js导出页面表格数据到Excel

    千次阅读 2017-06-08 14:12:02
    js导出页面表格数据到Excel,可自定义Excel文件名
  • 通过设置interval和ajax,来实现页面数据的更新,亮点是只更新一个
  • js实现页面数据的筛选

    千次阅读 2018-04-12 14:34:28
    /*渲染的数据*/ var personArr = [ { name : '王飞' , src : '3.png' , des : '帅' , sex : 'm' }, { name : '李颖' , src : '4.png' , des : '美' , sex : 'f' }, { name : '王秀琴' , src : '1.png' , des :...
  • 关于JS中如何获取页面数据

    千次阅读 2020-04-13 11:06:01
    根据id名如何获取页面数据 JS中想要获取到页面的数据,无论是value值还是text文本值,我们都可以根据当前div的id名来进行操作 根据div的id名获取value值 <input id="goId" type="text" value="根据id获取当前...
  • 今天开始学习Vue.js使用,但是在学习过程中发现一个问题,那就是页面加载数据时,原始代码会闪现一下。查访各方资料,终的解决方法。  第一步、假如一段css代码 [v-cloak] { display: none; }  第二步、在...
  • 主要介绍了js检测离开或刷新页面时表单数据是否更改的方法,涉及javascript表单操作及事件响应的相关技巧,需要的朋友可以参考下
  • js页面数据内容以文件形式下载

    千次阅读 2021-03-24 10:15:16
    /** * 创建下载文件 * @param {String} fileName 文件名称 * @param {String} fileContent 文件内容 * @return {String} */ function createAndDownloadFile(fileName, fileContent) { if (!...
  • 今天写代码时发现同一页面多个地方需要调用同一个子页面,如果多个方法调用时,同一子页面回调父页面方法则会出问题,所以查了下资料,让这个功能通用化,根据具体方法回调具体父页面方法,顺便总结一下,希望以后...
  • ![![图片说明]...[!图片说明](https://img-ask.csdn.net/upload/201605/26/1464225157_972805.png)如何用js把第一张输入框里的信息提取到第二张表格中 新手
  • 使用layui模板填充页面数据

    万次阅读 2018-06-26 15:20:48
    layui,是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心...
  • 使用springMVC 开发 然后controller处理返回ModelAndView类型的数据,前端如何使用js来解析?
  • web前端如何将js数据页面展示

    千次阅读 2019-08-24 16:18:02
    web前端如何将js数据页面展示 在获取到json数据后,在html中用script引入json数据,并进行页面布局: 可以先进行html的初步页面布局,在使用json数据中的一个对其进行css 样式设置,设置好后删除,最后在script引入...
  • 有了它,在你的HTML页面内添加模板,模板会被你通过Handlebars.js函数传递的数据中的值解析或者插值。 它是怎样运行的:Handlebars.js是一个由Javascript构建的编译器,它接收任意HTML与Handleb
  • flask返回页面数据js获取数据

    千次阅读 2020-07-22 18:26:57
    这个代码要写在 页面中的script标签中 var data = {{data}}
  • 一、引入vue.js建议把js 下载下来存放在本地。 <script src="https://unpkg.com/vue/dist/vue.js"></script> 二、引入axios 建议把js下载下来存在本地 <script src=...
  • HTML页面JS获取数据

    万次阅读 2017-04-11 10:50:14
    HTML从JS获取数据,方法有很多 例如 document.getElementById("bar").innerHTML = "Test";或者 var Value = "Test" var oDiv = document.getElementById("div"); oDiv.innerHTML = Value; 但是我却都用
  • 页面: 事件是视图层到逻辑层的通讯方式。...可以在微信页面使用列表来动态展示数据,然后将动作绑定在列表的每一个元素上面,同时给JS传递相应的data或者dataset。 (1)在wxml页面输入数据,使bindinput实时...
  • 以前没用到过页面间传递参数再从后台获取数据,自己总结了一些。 先说需求:现在有页面pageA.html 和页面pageB.html,页面pageA.html中有一事件,当这个事件触发时会打开页面pageB.html。而且页面pageB.html中的...
  • text/javascript"&gt;  //页面加载事件  onload = function () { //方法跳转、查找数据 $.ajax({ url: "/rwd/app/ther!runDetailByHtml.action?stationCode=12",  typ...
  • 使用js(javascript)完成注册页面表单校验 步骤分析: 第一步:确定事件(onsubmit)并为其绑定一个函数 第二步:书写这个函数(获取用户输入的数据&lt;获取数据时需要在指定位置定义一个id&gt;) 第三步:...
  • 页面: 事件是视图层到逻辑层的通讯方式。...可以在微信页面使用列表来动态展示数据,然后将动作绑定在列表的每一个元素上面,同时给JS传递相应的data或者dataset,使用语法如下: <view class=...
  • 上一篇介绍了使用jsp完成数据页面展示 ,但是springboot并不推荐使用jsp,会产生很多问题。官方推荐使用thymeleaf,这里我们将上一篇的jsp页面展示修改为使用thymeleaf,通过对比来熟悉thymeleaf,其实改动的地方...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 796,447
精华内容 318,578
关键字:

js使用页面数据