如果我单击选项卡，它不会响应。为什么？

【问题标题】：If I click on Tab, it doesn't response. Why?如果我单击选项卡，它不会响应。为什么？
【发布时间】：2022-01-18 07:47:36
【问题描述】：

问题是我无法点击网站上的标签，如果我点击标签；它显示

未捕获的类型错误：无法设置 null 的属性（设置“值”）。

有没有办法解决这个问题？另外，我是初学者，我不知道如何解决这个问题。代码是用 PHP 和 Javascript 编写的。

    <?php
// session_start();
require("checklogin.php");

$toolsname = "Matrix Setup";
$toolsnamepath = "index.php";
$userlogin = $loginname;
$usrgroup = $_SESSION["usrgrp"];

$str_tab = isset($_POST["str_tab"])? $_POST["str_tab"] : "";
$winwidth = isset($_POST["winwidth"])? $_POST["winwidth"] : "";
$ch = isset($_POST["ch"])? $_POST["ch"] : "";
$badgeno = isset($_SESSION["badgeno"])? $_SESSION["badgeno"] : "";

if($str_tab == ""){
  $str_tab = isset($_GET["str_tab"])? $_GET["str_tab"] : "";
}
if($winwidth == ""){
  $winwidth = isset($_GET["winwidth"])? $_GET["winwidth"] : "";
}
if($ch == ""){
  $ch = isset($_GET["ch"])? $_GET["ch"] : "";
}

echo "<html>";

echo "<head><title>$toolsname</title>";
echo "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=5\">";
echo "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">";
echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"\web/css/lotmgt_edge.css\"/>";
echo "<script src=\"lotmgt.js\"></script>\n";
echo "<script src=\"setup/setup.js\"></script>\n";
echo "<script src=\"productmatrix/productmatrix.js\"></script>\n";
echo "<script src=\"simulator/simulator.js\"></script>\n";
echo "<script src=\"addmatrix/addmatrix.js\"></script>\n";
echo "<script src=\"addAVImatrix/addmatrix.js\"></script>\n";
echo "<script src=\"\web/js/eregister/pointer.js\" type=\"text/javascript\"></script>";

echo "</head>";

  echo "<body onload=OnLoad('" . $ch . "','" . $badgeno . "')>";

  //include($_SERVER['DOCUMENT_ROOT']."\library\common\apewsheader.php");
  //include($_SERVER['DOCUMENT_ROOT']."\library\common\db_config.inc");
  //include($_SERVER['DOCUMENT_ROOT']."\library\common\standard_defines.inc");
  include("//sgewsnant21.amk.st.com/ewsweb/wwwroot/library/common7/apewsheader.php");
  include("//sgewsnant21.amk.st.com/ewsweb/wwwroot/library/common7/db_config.inc");
  include("//sgewsnant21.amk.st.com/ewsweb/wwwroot/library/common7/standard_defines.inc");
  include("editme.php");

    echo "<form name=\"lotmgt\" method=\"post\" target=\"_self\" onsubmit=\"return false;\">";

      echo "<div style=\"position:relative; top:20px;\">";
        echo "<table cellpadding=\"3\" cellspacing=\"0\" border=\"0\" width=\"99%\">";
            echo "<tr>";
                echo "<td>";

                    for($c=0;$c<count($ary_tab);$c++) {
                        
                    $class_tab = (($ch=="ProductMatrix" && $ary_tab[$c]=="Product Matrix" && (!isset($str_tab) || $tr_tab=="")) || ($ch=="SocketSimulator" && $ary_tab[$c]=="Socket Simulator" && (!isset($str_tab) || $str_tab=="")) || ($ch=="AVIMatrixAdd" && $ary_tab[$c]=="AVI Matrix Add" && (!isset($str_tab) || $str_tab=="")) || ($ch=="SetupPostTest" && $ary_tab[$c]=="Setup PostTest" && (!isset($str_tab) || $str_tab=="")) || ($ch=="Setup" && $ary_tab[$c]=="Setup" && (!isset($str_tab) || $str_tab=="")) || (($c==0 && !isset($str_tab)) && $ch=="") || $ary_tab[$c] == $str_tab)? "link_tab_slct" : "link_tab";
                        echo "<a href=\"Javascript:DisplayTab('" . $ary_tab[$c] . "','str_tab');\" class=" . $class_tab . ">" . $ary_tab[$c] . "</a>";
                    }

                echo"</td>";
            echo"</tr>"; 
        echo"</table>";
      echo "</div>";
//echo $str_tab;
      if($str_tab != ""){

        switch($str_tab){
              case "Setup":
                  include("setup/setup.php");
                  break;
              case "Setup PostTest":
                  include("setup/setup.php");
                  break;
              case "Setup1":
                  include("setup1/setup.php");
                  break;
              case "Product Matrix":
                  include("productmatrix/productmatrix.php");
                  break;
              case "Socket Simulator":
                   // include("simulator/simulator.php");
                  include("simulator/Socket_simulator.php");
                  break;
             // case "Matrix Add":
               //   include("addmatrix/addmatrix.php");
              //    break;
              case "AVI Matrix Add":
                  include("addAVImatrix/addmatrix.php");
                  break;

          }
      }
      else {

        if ($ch=="ProductMatrix") {
            include("productmatrix/productmatrix.php");
          }
          else if($ch=="SocketSimulator"){
              // include("simulator/simulator.php");
              include("simulator/Socket_simulator.php");
          }
        else if($ch=="AVIMatrixAdd"){
              include("addAVImatrix/addmatrix.php");
          }
          else if($ch=="Setup"){
              include("setup/setup.php");
          }
          else if($ch=="SetupPost6E"){
              include("setup/setup.php");
          }
          else{
              include("setup/setup.php");
          }
      }

      //common
      echo "<input type=\"hidden\" name=\"str_tab\" value=\"" . $str_tab . "\">";
      echo "<input type=\"hidden\" name=\"winwidth\" value=\"" . $winwidth . "\">";
      echo "<input type=\"hidden\" name=\"username\" value=\"" . $loginname . "\">";

    echo "</form>";
    flush();
    mysqli_close($conn);
    
  echo "</body>";
echo "</html>";
?>

以上代码为index.php代码。

var winplanproducttoentity = '';
var winupdateauto = '';
var winupdatebytester = '';
var winupdatebyproduct = '';
var winupdatestatus = '';
var wintestlot = '';
var winassignlot = '';
var winshowlot = ''
var winchecksicom = '';

var w;
var winwidth = window.screen.width;
var div = new Array('outputdiv','setupdiv');
//var div = new Array('outputdiv','setupdiv','availdiv');

var reqHttp  = InitRequest();
var reqHttp1 = InitRequest();
var reqHttp2 = InitRequest();
var reqHttp3 = InitRequest();


function InitRequest()  {
    var request=null;

    try { 
        request=new XMLHttpRequest(); 
    } 
    catch (e)   {   
        try { 
            request=new ActiveXObject("Msxml2.XMLHTTP");    
        } 
        catch (e){ 
            request=new ActiveXObject("Microsoft.XMLHTTP"); 
        }
    }
    return request;
}

function AsynReqData(request,url,fn) {
    request.open("GET", url + '&sid=' + Date() + Math.random(), true);
  request.onreadystatechange = eval(fn);
  request.send(null);
}

function SynReqData(request,url) {      
    request.open("GET", url + '&sid=' + Date() + Math.random(), false); 
    request.send(null);
    return request.responseText;
} 

function DisplayTab(tabname,tabid) {
    document.getElementById(tabid).value = tabname;  // this is the $str_tab
    document.lotmgt.submit();
}

function OnLoad(ch,badgeno){
   
    var tab = document.lotmgt.str_tab.value; //  this is the $str_tab from DisplayTab function
    w = (winwidth < 1280)? 1280 : winwidth;
    
    if((tab=='' & ch=='') || tab=='Setup' || (ch=='Setup' & tab=='')) {  
    
    var p_1 = "checked";
    var T_0 = "checked";
    var zmiss = "checked";

        for(var i=0; i<div.length; i++) {    
            document.getElementById(div[i]).className = 'hide'; 
        }
    
        // var wd = (128*5) - 10;  
        var wd = (128*7.5) - 50;  
        var lf = 0;     
        document.getElementById('filterdiv').style.width = wd + 'px';
        document.getElementById('filterdiv').style.left = lf + 'px';

        wd = (128*5.5) - 80;
        lf = (128*5) - 10;      // lf = (128*7) - 20;   
        document.getElementById('waferdiv').style.width = wd + 'px';
        document.getElementById('waferdiv').style.left = lf + 'px';
        
//  AsynReqData(reqHttp,'setup/content_wafer.php?site=','UpdateWafer');
        AsynReqData(reqHttp1,'setup/content_filter.php?site=' + '' + '&badgeno=' + badgeno + '&p_1=' + p_1 + '&T_0=' + T_0 + '&zmiss=' + zmiss,'UpdateFilter');
    }
    
    else if (tab=='Product Matrix' || (ch=='ProductMatrix' & tab=='')){
        AsynReqData(reqHttp,'productmatrix/content_filter.php?area=','UpdatePMFilter');
    }
    // else if (tab=='Matrix Simulator' || (ch=='MatrixSimulator' & tab=='')){
    //  // AsynReqData(reqHttp,'simulator/content_filter.php?area=','UpdateSIMFilter');
    // }
    else if (tab=='Setup PostTest' || (ch=='SetupPostTest' & tab=='')){
        var p_1 = "checked";
        var T_0 = "checked";

        var wd = (128*9) - 50;  
        var lf = 0;     
        document.getElementById('filterdiv').style.width = wd + 'px';
        document.getElementById('filterdiv').style.left = lf + 'px';

        AsynReqData(reqHttp1,'setup/content_filter1.php?site=' + '' + '&badgeno=' + badgeno + '&p_1=' + p_1 + '&T_0=' + T_0,'UpdateFilter');
    }       
}

//shared functions
function ManagePopup(except){
    var mywin = new Array('winplanproducttoentity','winupdateauto','winupdatebytester','winupdatebyproduct','winupdatestatus','wintestlot','winassignlot','winshowlot','winchecksicom');

    for(var i=0; i<mywin.length; i++)   {   
        var win = window[mywin[i]];
        if (mywin[i] == except){
            if(!win.closed && win.location) win.focus();
        }
        else{
            if(!win.closed && win.location) win.close();            
        }
    }   
}

function PlanProductToEntity(product,type){
    var w = 300;
    var h = 600;
    var winl = (screen.width - w) / 2;
    var wint = (screen.height - h) / 2;     
    var winprops = 'height='+h+',width='+w+',top='+wint+',left='+winl+',toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no,copyhistory=no';
    
    ManagePopup('winplanproducttoentity');
    winplanproducttoentity = this.open('../lotmgt/wip/pop_assignproduct.php?product=' + product + '&type=' + type, 'winplanproducttoentity', winprops); 
}

以上代码是 Javascript 代码。错误在 Javascript 中显示以及如何解决？

【问题讨论】：

  • 哪行代码会抛出错误？该消息将指向它。作为一个初学者，我猜你没有写所有这些代码？仅供参考，那里有更简单/更新的选项卡实现，它们不需要您维护自己的代码，不抛出错误，也不依赖诸如 eval() 之类的安全风险函数.
  • function DisplayTab(tabname,tabid) { document.getElementById(tabid).value = tabname; // 这是 $str_tab document.lotmgt.submit(); }
  • 此外，这段代码试图将自己设置为 Internet Explorer 5（1999 年发布，2005 年退役）的模式，所以我认为这可以让您了解它的年龄！它可能非常不适合现代浏览器。扔掉它，不值得修理。
  • 它说代码出现未捕获类型错误：无法设置 null 属性（设置“值”）。

标签： javascript php


【解决方案1】：

该错误发生在 JS 代码中，是由于 PHP 生成的 HTML 缺少 id 属性。

您似乎在这里得到了错误：document.getElementById(tabid).value = tabname; 因为document.getElementById(tabid) 为空。

当它查找 id 为 str_tab 的元素时，它没有找到它。 HTML 中唯一可能是所需元素的元素具有属性name="str_tab"，它是您的隐藏字段。您必须将缺少的 id="str_tab" 属性添加到此隐藏字段。

【讨论】：

  • 我可以知道我必须在哪里添加 id="str_tab" 以及在哪一行下？
  • 只要搜索name=\"str_tab\"并添加到它旁边！ echo '&lt;input type="hidden" name="str_tab" id="str_tab" value="' . $str_tab . '"&gt;'; 将比总是使用 \" 转义更容易阅读。
  • 我试图找到它，但我也没有看到该代码，所以我该怎么办。抱歉，我是初学者。
  • 如果我们能看到它，你就能找到它！只需在您的 PHP 文件中搜索 echo "&lt;input type=\"hidden\" name=\"str_tab\"！如果你找不到，那我们真的帮不了你！初学者与否。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2011-05-04
  • 2021-11-23
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-08-01
相关资源
最近更新 更多
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode