精华内容
下载资源
问答
  • 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 执行时,是载入后延迟指定时间后,去执行一次表达式,仅执行一次 setTimeout 执行时,它从载入后,每隔指定的时间就执行一次表达式 详细出处参考:...

     

    开始前解释两个概念:

    1、

    setTimeout (表达式,延时时间)
    setTimeout(表达式,交互时间)
    延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次
    setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式

    详细出处参考:http://www.jb51.net/article/20741.htm

     

    2、

    time.innerHTML 就是id为time的标签中所有包含的代码内容

    比如<div id='time'><a href='#'>time</a></div>那么 time.innerHTML 就是 <a href='#'>time</a>

     
    第一种方法:
     
     
    <html>
    <script language="javascript">
    var times=6;
    clock();
    function clock()
    {
    window.setTimeout('clock()',1000);
    times=times-1;
    time.innerHTML =times;
    }
    </script>
    <head>
    <meta http-equiv= "Refresh" content= "5;url=index.jsp ">
    </head>
    <body>
     <div  id= "time"> 5 </div>
    </body>
    </html>
     
    第二种方法:
     
     

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

    <html>
     <script language="javascript">
     
     var times=5;

    function TimeClose()
    {
        window.setTimeout('TimeClose()', 1000);
      
        time.innerHTML ="倒计时"+times+"秒后关闭当前窗口";
     times--;
     
    }
       
    </script>
     <head>
      <meta http-equiv="Refresh" content="5;url=Image.jsp ">
      
     </head>
     <body onLoad="TimeClose();">
     
     <div id="time">倒计时10秒后关闭当前窗口</div>
      
     </body>

    </html>

     

     

    展开全文
  • 1,首先确定一共有几个独立页码...2,分节符插入之后,插入第几页,但是不是直接插入的,而是用域来实现的:插入-文档部件-域-类别(编号)-page. 3,再插入共几,实现过程:插入-文档部件-域-类别(编号)-page.
    1,首先确定一共有几个独立页码显示:本例一共有四个独立页码显示,分别为封面,目录,内容,因此对以上三个对象分别插入分节符。实现过程:在每一个对象的最后一行处---页面布局-分隔符-分节符-下一页。
    2,分节符插入之后,插入第几页,但是不是直接插入的,而是用域来实现的:插入-文档部件-域-类别(编号)-page.
    3,再插入共几页,实现过程:插入-文档部件-域-类别(编号)-page.
    展开全文
  • 微信小程序授权页面,进入小程序如果没授权跳转到授权页面,授权后跳转到首页,如果用户点拒绝下次进入小程序还是能跳转到授权页面,授权页面如下 作者qq:1445579000 1.app.js 中的onLaunch或onShow中加如下代码...

    微信小程序授权页面,进入小程序如果没授权跳转到授权页面,授权后跳转到首页,如果用户点拒绝下次进入小程序还是能跳转到授权页面,授权页面如下   作者微信/qq:1445579000  接各类软件开发及私活,只有你想不到的,没有我做不到的

    1.app.js  中的 onLaunch或onShow中加如下代码,如果没授权跳转到授权页面

    // 获取用户信息
        wx.getSetting({
          success: res => {
            if (res.authSetting['scope.userInfo']) {
              // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框
              wx.getUserInfo({
                success: res => {
                  // 可以将 res 发送给后台解码出 unionId
                  this.globalData.userInfo = res.userInfo
    
                  // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
                  // 所以此处加入 callback 以防止这种情况
                  if (this.userInfoReadyCallback) {
                    this.userInfoReadyCallback(res)
                  }
                }
              })
            }else{
              // 未授权,跳转到授权页面
              wx.reLaunch({
                url: '/pages/auth/auth',
              })
            }
          }
        })

    2.创建一个授权页面 auth.wxml 授权页面结构

    <view class="auth">
      <image src="https://res.wx.qq.com/wxopenres/htmledition/images/favicon32f740.ico" class="img" mode="aspectFill"></image>
      <view class="title">微信授权页面</view>
      <view class="describe">此页面是微信授权页面,点击下方按钮弹出授权或跳转页面</view>
      <button class="btn" open-type='getUserInfo' wx:if="{{canIUse}}" bindgetuserinfo='onAuth'>点击微信授权</button>
      <navigator wx:if="{{!canIUse}}" class="btn" url="/pages/auth/auth" open-type="reLaunch" hover-class="other-navigator-hover">已经授权点击调转</navigator>
    </view>

    3.auth.wxss  授权页面样式

     

    /* 开始 */
    page {
      height: 100%;
      display: table;
    }
    
    .auth {
      margin-top: 0;
      text-align: center;
      display: table-cell;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: center;
      align-items: flex-start;
      padding: 100rpx;
      vertical-align: middle;
    }
    
    .img {
      border-radius: 50%;
      border: 1px solid #fff;
      background-color: #fff;
      margin: 0 0 60rpx;
      display: inline-block;
      width: 200rpx;
      height: 200rpx;
      line-height: 0;
    }
    
    .title {
      display: inline-block;
      width: 100%;
      margin: 0 0 60rpx;
    }
    
    .describe {
      color: #a7aaa9;
      font-size: 26rpx;
      margin: 0 0 60rpx;
      border-radius: 50%;
      text-align: center;
      display: inline-block;
      width: 100%;
    }
    
    .btn {
      padding: 0 60rpx;
      background-color: #19be6b;
      margin: 20rpx 0 200rpx;
      text-align: center;
      vertical-align: middle;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      white-space: nowrap;
      user-select: none;
      font-size: 14px;
      border: 0 !important;
      position: relative;
      text-decoration: none;
      height: 44px;
      line-height: 44px;
      box-shadow: inset 0 0 0 1px #19be6b;  
      background: #fff !important;
      color: #19be6b !important;
      display: inline-block;
      border-radius: 10rpx;
    }

    4.auth.js  授权页面js,点击授权后跳转到首页

    var app = getApp();
    Page({
      data: {
        canIUse: wx.canIUse('button.open-type.getUserInfo')
      },
      onAuth() {
        wx.getSetting({
          success: (res) => {
            if (res.authSetting['scope.userInfo']) {
              wx.reLaunch({
                url: '../index/index',
              })
            }
          }
        })
      }
    })

     

     

    展开全文
  • 我设置了页面有0-99共100个数,但是最后个数字被底部固定的按钮遮挡住了,显示不全 二部分:问题的是如何实现的? 一步:首先实现按钮固定在页面底部,需要设置按钮的position为fi...

    我们分为以下部分来解决这个问题:

    第一部分:问题的表现是怎么样的?

    第二部分:问题的是如何实现的?

    第三部分:如何解决问题?

     


     

    第一部分:问题的表现是怎么样的?

    我设置了页面有0-99共100个数,但是最后几个数字被底部固定的按钮遮挡住了,显示不全

     

    第二部分:问题的是如何实现的?

    第一步:首先实现按钮固定在页面底部,需要设置按钮的position为fixed

    (注意:文章底部回帖出全部代码,以下只是针对性的贴出此时正在说明的代码)

    index.wxml页面:

    <view class='btn-view'>
        <button class='btn'>底部按钮</button>
    </view>

    index.wxss页面:

    .btn-view {
      width: 100%;
      padding: 20rpx 0;
      background-color: yellow;
      position: fixed;
      bottom: 0;
      left: 0;
    }
    
    .btn {
      width: 90%;
    }

    实现效果如下图: 

     

     

    第二步:给页面填充数据

    index.js页面:

    var list = []
    for (var i = 0; i < 100; i++) {
        list.push(i)
    }
    
    this.setData({
        list:list
    })

    index.wxml页面:

    <view class='list'>
        <view class='li' wx:for='{{list}}' wx:key=''>{{item}}</view>
    </view>

     

    实现效果如下图: 

     

    结束之后,我们就会发现,结果会如第一部分展示的那样,按钮遮挡住了页面不部分内容?...

     

    第三部分:如何解决问题?

    出现这个问题,我先尝试给class=list的view添加了margin-bottom属性,如下

    .list {
      margin-bottom: 150rpx;
    }

    在开发工具上运行,完美解决!But...正如所有的美好都要经历不止一次的磨难后方才实现一样,当使用真机(iOS)运行时,问题依旧存在?...

    这个问题微信官网的论坛上也有人提,但是微信官方没有给出回答(我看到的那个问题没有回到)

    问题还在,怎么办呢?

    所有的问题都难不倒聪明的开发者?下面来讲讲解决办法:


     

    方法一:在class为list的view下面写一个透明view,设置这个view的宽和高,如下:

    此方法为投机取巧的做法,但是很好用(偷笑...),谁让微信小程序官方不给个正解呢!

    index.wxml:

    <view class='list'>
        <view class='li' wx:for='{{list}}' wx:key=''>{{item}}</view>
    </view>
    <view class='placeholder-view'></view>
    <view class='btn-view'>
        <button class='btn'>底部按钮</button>
    </view>

    index.wxss:

    .placeholder-view {
      width: 100%;
      height: 150rpx;
    }

    显示效果如下:所有内容都展示出来了

     

    方法二:解决小程序position: fixed;定位在底部,遮挡页面内容问题

    看到这篇文章有解决,但是这个解决方法是:当页面内容不足一屏时,按钮在底部显示,当内容多余一屏时,按钮会在内容下面随内容一起滚动

    虽说和我们之前的初衷让按钮始终固定在底部有冲突,但是不失为一种解决办法,只要领导那边能通过这种方法(不通过就用方法一,简单、粗暴、有用)


     

    完整代码:

    .wxml:

    <view class="container">
      <view class='list'>
        <view class='li' wx:for='{{list}}' wx:key=''>{{item}}</view>
      </view>
      <view class='placeholder-view'></view>
      <view class='btn-view'>
        <button class='btn'>底部按钮</button>
      </view>
    </view>

    .wxss:

    .container {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      box-sizing: border-box;
    } 
    
    .placeholder-view {
      width: 100%;
      height: 150rpx;
    }
    
    .btn-view {
      width: 100%;
      padding: 20rpx 0;
      background-color: yellow;
      position: fixed;
      bottom: 0;
      left: 0;
    }
    
    .btn {
      width: 90%;
    }

    .js:

    Page({
      data: {
        list:[]
      },
    
      onLoad: function () {
        var list = []
        for (var i = 0; i < 100; i++) {
          list.push(i)
        }
    
        this.setData({
          list:list
        })
      }
    })

    方法二的代码稍后整理出来再贴出来(待续...)

     

    转载于:https://www.cnblogs.com/china-fanny/p/11134316.html

    展开全文
  • Eureka的home页面显示 界面正常显示,但是显示没有注册的服务 别的项目怎么进行注册 一、Eureka的home页面显示 先看看最后的效果吧 直接显示Whitelable Error Page 错误 这里需要核查下面个问题: ...
  • 首先你要学会如何向后端发送请求和接收数据,然后就可以试着将接收的数据显示在前端页面上。 现在,我们本地写一个json文件: [ { "name": "xxl", "age": 20, "...
  • 一开始需求是一个页面需要定位而已,就调用一次wx.getlocation,跑起来完全没毛病。 但是!!!需求是不断改的,so我一口气粘贴复制代码,运行。好了,一直加载不出来的定位。。。。。一开始以为是网速,...
  • 页面显示格式:年月日星期 var day=""; var month=""; var ampm=""; var ampmhour=""; var myweekday=""; var year=""; mydate=new Date(); myweekday=mydate.getDay(); ...
  • 2、浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有,会直接屏幕中显示页面内容。若没有,则跳到三步操作。 3、发送http请求前,需要域名解析(DNS解析),解析获取相应的IP地址。 4、浏览器向...
  • ViewPager一屏显示多个子页面,常见的有两种形式:1、当前展示的页面右侧显示一部分下个页面的内容2、当前页面居中,左右两边分别显示上一个页面、下一个页面第。 ViewPager 一页显示多个实现代码 ViewPager 显示多...
  • Servlet跳转页面种方法总结

    万次阅读 多人点赞 2017-05-08 17:12:07
    servlet跳转页面的方法: 跳转分为两部分,一部分发生servlet,另一部分发生JSP,JSP就是servlet,但是两者还是有部分差异。 Servlet:(跳转发生doGet,doPost等方法里) (1)redirect方式 response....
  • acrobat页面显示问题

    千次阅读 2012-08-20 19:20:37
    最近对着电脑的时间比以前多太多了,每天都用Acrobat看pdf(千万别告诉我你用Adobe Reader),为了保护眼睛,需要更改下页面显示。   一、背景颜色  经常对着电脑看文档的人,需要修改下背景颜色。  ...
  • jQuery Mobile页面跳转切换的种方式

    万次阅读 多人点赞 2014-06-12 19:08:57
    jQuery Mobile移动开发中越来越受到欢迎。而他的各个版本也持续不断的更新中。... 同时又具备jQuery一样的操作方法。学起来也是相当的容易。所以这一片文章就是介绍jQuery Mobile的页面跳转的。 少说废话,看源码:
  • 页面跳转的种方法

    千次阅读 2017-10-20 09:19:08
    与之相反,重定向方式的含义是一个页面通知浏览器发送一个新的页面请求。因为,当你使用重定向时,浏览器中所显示的URL会变成新页面的URL, 而当使用转发时,该URL会保持不变。重定向的速度比转发慢,因为浏览器还...
  • 天想要小程序进入之前做个登陆的页面 用户输入账号密码正确才能进入小程序 但是看了因为小程序一启动就是默认进入tabar里的一个页面 了百度查也是没有哦好的方式 自己琢磨了以下的种方式: 1、使用路由...
  • 一:微信支付页面显示 : 1,微信支付的时候只能是签名包才能调用,手机要有微信才能用,也就是说测试微信支付的时候你要打包apk测试,把微信应用平台的应用签名改成打包之后的签名 2,检查文件...
  • 我的一个JavaScript程序 点击我  1.2 我的一个JavaScript程序 alert('Hello,JavaScript!'); 点击我 2.外部导入JavaScript程序  2.1 我的一个JavaScript程序
  • 用localhost:8080打开页面显示空白,以前用着没问题。 浏览器兼容性问题,如果是IE7以上,可以按F12调出浏览器调试工具,浏览器模式以及文档模式选项卡切换浏览器浏览模式,应该可以恢复你原来的页面 把tomcat中...
  • 四个子页面都嵌入当前的页面里头。当前页面设定为app的入口。使用:app入口是首页,首页可以看到默认激活的tab的子页面。这个时候用户需要登入,登入信息通过window.location.href=...方式进行传递到后台做验证。...
  • mui页面跳转方式对比

    千次阅读 2016-07-15 18:01:54
    mui页面跳转方式对比 http://blog.csdn.net/uikoo9/article/details/44676963 【种打开页面的方式】 1.初始化时创建子页面 2.直接打开新页面 3.预加载页面 【示例】 ...
  • 默认整个页面都不显示。等数据加载出来了再显示 二部。分段显示,每一个段落都默认不显示,使用 setTimeout 延时显示(根据段落递增延时的时间,中间间隔0.05秒) 示例图: demo代码 <view class='page_...
  • 是一个写好的带有查询条件的列表一览页面,想要加一个分页显示的功能, 页面就加4个按钮:首页/一...就差一个当前是第几页,数据总数也获取到了,ajax也就上课的时候听了一遍早忘了, 所以求教用ajax怎么加这这个功能
  • 理论来说,这个方式是最简单有效的,不过这里我想说个小志个人对显示隐藏页面元素的种方式看法: display 属性的方式; visibility 属性的方式; opacity 属性的方式; width & height 属性的改变
  • vue中在页面中由多个组件显示

    万次阅读 2018-07-27 15:58:24
    Vue.js 目录结构 目录解析 目录/文件 说明 build 最终发布的代码存放位置。... 这里是我们要开发的目录,基本要做的事情都这个目录里。里面包含了个目录及文件: assets: 放置一些图片,...
  • jsp页面显示二维码图片

    千次阅读 2015-05-26 15:08:49
    方式:导入qrcode.jar包,然后后台生成图片保存,前台获取图片的路径,并显示。大家可以看得出来这个过程...一种选择是我前台显示后立即删除,因为系统需求的原因,这样交互会很频繁,影响效率;二种选择是job定时
  • Web页面分页的种方式

    万次阅读 多人点赞 2018-07-20 16:19:31
    JavaWeb分页显示内容之分页查询的三种思路(数据库分页查询) ...  开发过程中,经常做的一件事,也是最基本的事,就是从数据库中查询数据,然后客户端显示出来。...直接一个页面显示完全的话,表格得多...
  • 如何PHP中从一个页面重定向到另外一个页面呢?今天清源为大家列举出了三种办法,供大家来参考。 一、用HTTP头信息  也就是用PHP的HEADER函数。PHP里的HEADER函数的作用就是向浏览器发出由HTTP协议规定的本来...
  • HTML跳转页面指定位置的种方法

    万次阅读 2018-08-21 15:39:33
    由于页面显示的信息总是有限的,因此我们需要得以跳转到页面指定位置的实现 纯html实现 跳转时机:&lt;a href="#anchorName"&gt;点击跳转到name为anchorName的位置&lt;/a&gt; 埋锚点...
  • json数据在页面上格式化展示

    万次阅读 2018-09-19 10:01:37
    一不做任何处理后,在页面上的展示效果如图一所示: 图一 这时,下面这句代码会实现将json字符串格式化  var jdata = JSON.stringify(JSON.parse(jsondata), null, 4); console.log(jdata);//这是输出框的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 490,206
精华内容 196,082
关键字:

怎么在页面上显示第几页