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 *

Javascript 日历不会显示当前日期+月份
我正在用 javascript 制作日历，我不想在中显示当前日期、日期名称和月份名称它在我的函数内 Kalender()但由于某种原因，如果我执行函数 volgende() (下个月)它更改中
javascript - 接受日期掩码中的一位数字日期/月份
有一个输入标签应用了数据掩码。这允许输入数据，例如 02/12/2014 或 13/05/2014。但不接受 1/1/2013 或 13/5/2014。请帮忙!!! 最佳答案根据jQuery
Javascript 数组提供两个日期范围之间的所有日期/月份
我正在尝试创建一个函数，它将接受三个输入变量(开始日期、结束日期、粒度)，并将输出一个包含所有日期的数组。输出将根据输入以每日或每月为粒度。例如，如果我查看 2015 年 1 月 - 2015 年 2
php - 从php中的日期检索日期，月份，年份
我有这段代码可以从数据库中获取一个字段: $end_date=$row1['end_date']; 如果我打印它，它会给我这样的信息:25-09-2012我需要的是获取月份值、年份和日期。类似于: $
vba - 将行复制并粘贴到新工作表中，并根据其他单元格值更改单元格值(月份)
我有一个事件表，其中 X 为频率(每 X 个月一次)，第一个开始日期和结束日期如下: 如何复制每一行并将其粘贴到新工作表中，并根据 X 和月份日期的增量为每一行添加附加行，如下所示: 最佳答案这里是
csv - 如何从Hive中的日期获取一天中的时间，星期几，月份
我将以下格式的日期存储在Mailed_Date列中 Mon, 09/20/10 01:04 PM 我使用了一个serde(csv-serde-1.1.2-0.11.0-all.jar)从csv文件中获
ios - 对数组进行排序，其中包含日期，月份
我想根据日期和月份值对数组进行排序。我正在使用此代码 NSSortDescriptor *descriptor=[[NSSortDescriptor alloc]initWithKey:@"self
scala - 如何在scala中获取当前日期，月份，年份
我需要当前年份，月份和日期为3个不同的变量。下面的代码给出了日期时间 val now = Calendar.getInstance().getTime() 2016年9月29日星期四18:27:38
mysql - 包括 NULL 月份
我无法获得正确的查询结果我正在查询获取在相应月份注册了多少用户。到目前为止，我提出了以下查询，它允许我获得该结果，但没有显示没有用户注册的月份 SELECT YEAR(c.created_at) a
C# - 包装日期、月份、年份
在 Programming in the Key of C# 中，作者给出了一个示例(附源代码)，说明如何将日期(年、月、日 -- 数字)打包为 32 位整数。在示例中，作者将信息打包如下: int
mysql - 使用两个参数选择 SQL 月份
在表中，我有一列名为“service_time”的列，它是服务的开始日期，另一列“times_year”是每年应完成服务的次数。我遇到的问题是如何在 -> (thisMonth == service
Python Pandas 平均按位置和日期/月份
使用:Python 3.6， Pandas 0.22 我有一个 .csv 文件，我需要从中获取基于月份和位置的平均值。这是数据中的一行，还有更多具有多个位置和日期的行: 名称日期雪大急流城杰拉尔德福
python - 自开始时间以来循环遍历 python 月份
我想循环遍历给定开始时间以来的月份，并打印第一天和最后一天。我可以手动跟踪它是哪个月份和年份，并使用 calendar.monthrange(year, Month) 来获取天数......但这是最好
algorithm - 文件、月份、模块和伪代码
我正在做试卷的最后一题，但我已经迷失在算法的创建过程中。我的定义图看起来不错，但我就是无法确定计算月份方面的顺序。题目如下: A file of transaction records includ
java - 从检索到的日期中提取日期-月份-年份
我正在获取系统当前日期并尝试在 TextView 中显示它。尝试下面的代码后 private OnClickListener listener1 = new OnClickListener() {
c# - 如何以大写形式获取 DateTime 月份？
我正在使用以下格式来格式化 DateTime: DateTime CusDate = dateTimePicker1.Value; string Date = CusDate.ToString("dd
PHP获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
废话不多少，上代码复制代码代码如下: // 获取指定日期所在星期的开始时间与结束时间 function getWeekRange($date){ &nb
Javascript 日期 - 设置 UTC 月份
今天我运行了自动化测试，并想知道为什么我收到了有关某些特定日期内容的错误。事实证明，设置固定的 UTC 月份不再有效。但昨天确实如此。据我所知，没有任何变化。我尝试运行以下代码 var d = n
date - Grails 模型计数按日期、月份、小时的出现组数
我有一个包含两个日期字段的 Grails 域 Date updated Date created 我想根据月、小时或年的更新时间来计算行数。我怎样才能做到这一点。互联网上显示的方法不起作用。我正在使用
r - R中的星期几，月份，年份，一年中的一周
是否有任何内置函数可用于数据框对象以生成类 Date 时间序列上的变量以创建星期几、月份、年份、年份中的星期，等在 R 中？基础包中的weekdays、months、quarters函数生成文本输出

太空宇宙

个人简介

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

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

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