Javascript - 加载当前月份 htm

Javascript - 加载当前月份 htm - 问题

转载作者：太空宇宙更新时间：2023-11-04 01:38:09

我在使用以下代码时遇到问题，总是想加载 2 月份的页面而不是当前月份的页面。我没有看到任何问题，但希望有更好的 javascript 眼睛的人可以提供帮助。

基本上，代码非常简单。在页面加载时获取当前月份，然后将该月份的 .htm 加载到框架中。十分简单。在此先感谢您提供的任何/所有帮助。

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="refresh" content="60" />
  <style>
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #333;
    }
    
    li {
      float: left;
      font-family: tahoma;
    }
    
    li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    
    li a:hover {
      background-color: #111;
    }
    
    #title {
      background-color: #333;
      border-right: 1px black dotted;
    }
    
    iframe {
      width: 100%;
      height: 1200px;
    }
  </style>

  <script type="text/javascript">
    window.onload = function() {
      function cMonth() {
        var d = new Date();
        var q = d.getMonth();
      }

      function jan() {
        document.querySelector(".sched").setAttribute("src", "jan.htm")
      }

      function feb() {
        document.querySelector(".sched").setAttribute("src", "feb.htm")
      }

      function mar() {
        document.querySelector(".sched").setAttribute("src", "mar.htm")
      }

      function apr() {
        document.querySelector(".sched").setAttribute("src", "apr.htm")
      }

      function may() {
        document.querySelector(".sched").setAttribute("src", "may.htm")
      }

      function jun() {
        document.querySelector(".sched").setAttribute("src", "jun.htm")
      }

      function jul() {
        document.querySelector(".sched").setAttribute("src", "jul.htm")
      }

      function aug() {
        document.querySelector(".sched").setAttribute("src", "aug.htm")
      }

      function sep() {
        document.querySelector(".sched").setAttribute("src", "sep.htm")
      }

      function oct() {
        document.querySelector(".sched").setAttribute("src", "oct.htm")
      }

      function nov() {
        document.querySelector(".sched").setAttribute("src", "nov.htm")
      }

      function dec() {
        document.querySelector(".sched").setAttribute("src", "dec.htm")
      }

      document.getElementsByTagName("a")[1].onclick = jan;
      document.getElementsByTagName("a")[2].onclick = feb;
      document.getElementsByTagName("a")[3].onclick = mar;
      document.getElementsByTagName("a")[4].onclick = apr;
      document.getElementsByTagName("a")[5].onclick = may;
      document.getElementsByTagName("a")[6].onclick = jun;
      document.getElementsByTagName("a")[7].onclick = jul;
      document.getElementsByTagName("a")[8].onclick = aug;
      document.getElementsByTagName("a")[9].onclick = sep;
      document.getElementsByTagName("a")[10].onclick = oct;
      document.getElementsByTagName("a")[11].onclick = nov;
      document.getElementsByTagName("a")[12].onclick = dec;

      if (q = 0) {
        document.getElementById('january').click() = jan;
      } else if (q = 1) {
        document.getElementById('february').click() = feb;
      } else if (q = 2) {
        document.getElementById('march').click() = mar;
      } else if (q = 3) {
        document.getElementById('april').click() = apr;
      } else if (q = 4) {
        document.getElementById('may').click() = may;
      } else if (q = 5) {
        document.getElementById('june').click() = jun;
      } else if (q = 6) {
        document.getElementById('july').click() = jul;
      } else if (q = 7) {
        document.getElementById('august').click() = aug;
      } else if (q = 8) {
        document.getElementById('september').click() = sep;
      } else if (q = 9) {
        document.getElementById('october').click() = oct;
      } else if (q = 10) {
        document.getElementById('november').click() = nov;
      } else if (q = 11) {
        document.getElementById('december').click() = dec;
      }
    }
  </script>
</head>

<body>
  <ul>
    <li><a id="january" href="#" onclick="jan()">January</a></li>
    <li><a id="february" href="#" onclick="feb()">February</a></li>
    <li><a id="march" href="#" onclick="mar()">March</a></li>
    <li><a id="april" href="#" onclick="apr()">April</a></li>
    <li><a id="may" href="#" onclick="may()">May</a></li>
    <li><a id="june" href="#" onclick="jun()">June</a></li>
    <li><a id="july" href="#" onclick="jul()">July</a></li>
    <li><a id="august" href="#" onclick="aug()">August</a></li>
    <li><a id="september" href="#" onclick="sep()">September</a></li>
    <li><a id="october" href="#" onclick="oct()">October</a></li>
    <li><a id="november" href="#" onclick="nov()">November</a></li>
    <li><a id="december" href="#" onclick="dec()">December</a></li>
  </ul>
  <iframe sandbox="" allowfullscreen frameborder="0" class="sched"></iframe>
</body>

</html>

最佳答案

第一个错误

使用比较作为 == 而不是 =。

第二个错误

var d = new Date();var q = d.getMonth(); 在函数内部使用但从未调用。

第三个错误

数组索引 从零开始 所以从 0 到 11

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="refresh" content="60" />
  <style>
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #333;
    }
    
    li {
      float: left;
      font-family: tahoma;
    }
    
    li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    
    li a:hover {
      background-color: #111;
    }
    
    #title {
      background-color: #333;
      border-right: 1px black dotted;
    }
    
    iframe {
      width: 100%;
      height: 1200px;
    }
  </style>

  <script type="text/javascript">
    window.onload = function() {
      var d = new Date();
      var q = d.getMonth();

      function jan() {
        document.querySelector(".sched").setAttribute("src", "jan.htm")
      }

      function feb() {
        document.querySelector(".sched").setAttribute("src", "feb.htm")
      }

      function mar() {
        document.querySelector(".sched").setAttribute("src", "mar.htm")
      }

      function apr() {
        document.querySelector(".sched").setAttribute("src", "apr.htm")
      }

      function may() {
        document.querySelector(".sched").setAttribute("src", "may.htm")
      }

      function jun() {
        document.querySelector(".sched").setAttribute("src", "jun.htm")
      }

      function jul() {
        document.querySelector(".sched").setAttribute("src", "jul.htm")
      }

      function aug() {
        document.querySelector(".sched").setAttribute("src", "aug.htm")
      }

      function sep() {
        document.querySelector(".sched").setAttribute("src", "sep.htm")
      }

      function oct() {
        document.querySelector(".sched").setAttribute("src", "oct.htm")
      }

      function nov() {
        document.querySelector(".sched").setAttribute("src", "nov.htm")
      }

      function dec() {
        document.querySelector(".sched").setAttribute("src", "dec.htm")
      }

      document.getElementsByTagName("a")[0].onclick = jan;
      document.getElementsByTagName("a")[1].onclick = feb;
      document.getElementsByTagName("a")[2].onclick = mar;
      document.getElementsByTagName("a")[3].onclick = apr;
      document.getElementsByTagName("a")[4].onclick = may;
      document.getElementsByTagName("a")[5].onclick = jun;
      document.getElementsByTagName("a")[6].onclick = jul;
      document.getElementsByTagName("a")[7].onclick = aug;
      document.getElementsByTagName("a")[8].onclick = sep;
      document.getElementsByTagName("a")[9].onclick = oct;
      document.getElementsByTagName("a")[10].onclick = nov;
      document.getElementsByTagName("a")[11].onclick = dec;
      debugger;
      if (q == 0) {
        document.getElementById('january').click() = jan;
      } else if (q == 1) {
        document.getElementById('february').click() = feb;
      } else if (q == 2) {
        document.getElementById('march').click() = mar;
      } else if (q == 3) {
        document.getElementById('april').click() = apr;
      } else if (q == 4) {
        document.getElementById('may').click() = may;
      } else if (q == 5) {
        document.getElementById('june').click() = jun;
      } else if (q == 6) {
        document.getElementById('july').click() = jul;
      } else if (q == 7) {
        document.getElementById('august').click() = aug;
      } else if (q == 8) {
        document.getElementById('september').click() = sep;
      } else if (q == 9) {
        document.getElementById('october').click() = oct;
      } else if (q == 10) {
        document.getElementById('november').click() = nov;
      } else if (q == 11) {
        document.getElementById('december').click() = dec;
      }
    }
  </script>
</head>

<body>
  <ul>
    <li><a id="january" href="#" onclick="jan()">January</a></li>
    <li><a id="february" href="#" onclick="feb()">February</a></li>
    <li><a id="march" href="#" onclick="mar()">March</a></li>
    <li><a id="april" href="#" onclick="apr()">April</a></li>
    <li><a id="may" href="#" onclick="may()">May</a></li>
    <li><a id="june" href="#" onclick="jun()">June</a></li>
    <li><a id="july" href="#" onclick="jul()">July</a></li>
    <li><a id="august" href="#" onclick="aug()">August</a></li>
    <li><a id="september" href="#" onclick="sep()">September</a></li>
    <li><a id="october" href="#" onclick="oct()">October</a></li>
    <li><a id="november" href="#" onclick="nov()">November</a></li>
    <li><a id="december" href="#" onclick="dec()">December</a></li>
  </ul>
  <iframe sandbox="" allowfullscreen frameborder="0" class="sched"></iframe>
</body>

</html>

关于Javascript - 加载当前月份 htm - 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45800438/

文章推荐： python正则表达式替换

文章推荐： c - 将标准输入写入文件

文章推荐： python - 远程控制或脚本打开 Office 从 Python 编辑 Word 文档

文章推荐： c - 动态内存位置 C - 参数 int *

当前 = 当前 * 10 + (c - '0' );
我试图通过这段代码读取未知数量的整数: while (1) { int c = getchar (); if (c == EOF) break;
javascript - 当前、上个月和下个月的日历显示在日期选择器中
我正试图找到一个类似于谷歌分析日期选择器的日期选择器: 知道 jQuery 是否提供了类似的东西吗？最佳答案这个 Twitter Bootstrap 风格的日期范围选择器非常接近。 https:/
Javascript 当前 url
我正在使用 javascript。如何获取当前 URL 的路径并将其分配给我的代码？这是我的代码: $(document).ready(function() { $(".share").hides
bash - 如何获取(当前)儒略日数？
如何获得今天的Julian day number (JDN)相等的？或任何日期？我看了又看，但只发现了一些产生“year-dayOfYear”的函数，而不是:2457854。最佳答案在 bash
udp - 当前 udp 数据包队列长度
我有相当简单的 UDP 服务器写在 c 上。有时我需要知道在套接字中排队的所有 udp 数据包(字节)的当前长度。据我了解，getsockopt 没有得到这样的信息。欢迎使用 Linux 和 F
tinymce - 当前 TinyMCE 中的填充插件
我一直在寻找几个小时来找到一个可以在图像中添加诸如“填充:5px”之类的东西的插件。每个人都通过纯 html 做到这一点吗？我们的客户需要一种方法来简单地使用按钮或右键单击上下文菜单来添加它。有什么建
tcl - 当前 TCL 脚本的完整路径
是否有可能获得当前正在执行的 TCL 脚本的完整路径？在 PHP 中，它将是:__FILE__ 最佳答案根据“当前正在执行的 TCL 脚本”的含义，您实际上可能会寻找 info script ，甚
NHibernate 当前 session 上下文问题
我最近从直接使用 ISession 转向了包装的 ISession，即工作单元类型模式。我曾经使用 SQL Lite(内存中)对此进行测试。我有一个简单的帮助器类，它配置我的 SessionFact
webstorm - 当前 JavaScript 版本不支持解构赋值
我按照步骤操作 here在 WebStorm 中配置代码完成和其他内容，但我仍然收到以下语法错误。我该如何解决这个问题？最佳答案通过相应地将“JavaScript 语言版本”(Settings/
TFS 当前 Sprint URL
我可以为我团队的 TFS 当前 Sprint 任务板添加书签吗？我们有两周的冲刺，因此 URL 每两周更改一次。默认 URL 的形式为: http://[Server]/tfs/[Project]/
svn - 当前 Subversion 修订命令
是否有 Subversion 命令可以显示当前版本号？在svn checkout之后，我想启动一个脚本并需要变量中的修订号。如果有像 svn info get_revision_number 这样的
javascript - componentWillRecieveProps 当前 props
我正在编写表单的一个组件首次安装组件时，sources={{}} ，一本空字典。由于该组件包装了现有的 Javascript 库，因此我正在实现一个自定义比较函数。为了让这个 diffing 函数
javascript - 当前 UTC 时间独立于系统时钟吗？
无论系统时间设置为多少以及机器所在的时区，我都需要正确的 UTC 时间。 (即使我必须打电话到互联网才能同步......) 是否有一些库或其他方法可以优雅地做到这一点？最佳答案如果您想获得准确可靠
javascript - 当前 Ajax 请求的最佳实践
我一边编码，一边拿出一些我和 friend 建立的旧网站来重新开始工作。我已经有一段时间没有做过任何 AJAX 了，当我试图找出我的代码失败的地方时，我发现没有显示很多资源。我猜这是因为我使用的是旧方
arm - 当前 CPU 上的分支预测有多普遍？
由于对性能的巨大影响，我从不怀疑我现在的桌面CPU是否有分支预测。当然可以。但各种 ARM 产品又如何呢？ iPhone或Android手机有分支预测吗？较旧的任天堂 DS？基于 PowerPC 的
java - 当前 token 的生命周期
我有一个具有以下有效负载的 JWT: { "id": "394a71988caa6cc30601e43f5b6569d52cd7f6df", "jti": "394a71988caa6cc30
java - JSP 当前 URL
从其他一些帖子中，我能够通过以下方式获取当前 URI: 但是以下方法不起作用: 我很好奇为什么上面的方法不起作用，以及如何将当前 URI 分配给字符串。最佳答案每the javadocs ，g
ios - 当前 View 中单元格的快速高度
我在表格 View 中有几个单元格。现在在任何给定的时间点，我想计算 View 中单元格的当前高度，即如果它是 View 的 3/4，它应该返回 (cellheight)*3/4 高度。我通过以下方
php - 这个登录脚本是否良好/当前/安全？
这是网站的身份验证脚本。这安全吗？是最近的节目吗？它已经过时了吗？是否有“更好更安全的方法”我很新，但我没有看到太多地方使用 header 授权。如有任何帮助，我们将不胜感激!这是我制作的第一个登录
python - 当前 URL 与这些中的任何一个都不匹配
我已经在其他 stackoverflow 线程上检查过这个错误，但在我的代码中没有发现任何错误。也许我累了，但我觉得还好。网站.urls.py: from django.conf.urls impo

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

Javascript - 加载当前月份 htm - 问题