Javascript 弹出窗口不工作_Javascript_Jquery_Html

Javascript 弹出窗口不工作

javascript jquery html

Javascript 弹出窗口不工作,javascript,jquery,html,Javascript,Jquery,Html,当我在学校的Javascript作业中按下“弹出”按钮时，我试图弹出一个窗口，但我不明白为什么我的代码不起作用。我已经将弹出按钮分配给jQuery选择器，但它仍然不会打开 <html> <head> <title>Adam Ginther's Pop-up Window</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="style

当我在学校的Javascript作业中按下“弹出”按钮时，我试图弹出一个窗口，但我不明白为什么我的代码不起作用。我已经将弹出按钮分配给jQuery选择器，但它仍然不会打开

<html>
<head>
<title>Adam Ginther's Pop-up Window</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="panel">
Congrats! You won!
</div>
<div id="centreblock">
<h1>WOW! AMAZING!!!</h1>
<img src="images/ipad.gif" width="100%" height="250">
<p>Congratulations! You won a free iPad! Enter your name, address, and phone number to have it delivered now.
<form action="">
<br>
<label for="firstName">First Name: </label>
<input type="text" size="12" id="firstName" name="firstName">
<br>
<br>
<label for ="lastName">Last Name: </label>
<input type="text" size"12" id="lastName" name="lastName">
<br>
<br>
<label for="address">Address: </label>
<input type="text" size="12" id="address" name="address">
<br>
<br>
<label for="phoneNum">Phone Number: </label>
<input type="text" size="12" id="phoneNum" name="phoneNum">
</form>
<br>
<a href="#" id="popup"><br>REDEEM THIS SPECTACULAR OFFER NOW!</a>
<br>
</div>
<script src="http//code.jquery.com/jquery-latest.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>


//script.js
var new_win;
var firstName;
var lastName;
var address;
var phoneNumber;

function newWindow() { 
    firstName = $('#firstName').val();
    if (firstName !='') {
    window.open('popup.html');
    } else {
        $('#firstName').addClass('error');
    };
    $(function() {
        $('#popup').click(function() {
            newWindow();
        });
    });
};


亚当·金瑟的弹出窗口
恭喜！你赢了！
哇！太神了
恭喜你！你赢得了一台免费的iPad！请输入您的姓名、地址和电话号码，以便立即送达。


名字：




姓氏：




地址:




电话号码：




//script.js
var new_win；
var名字；
var lastName；
var地址；
var电话号码；
函数newWindow（）{
firstName=$（'#firstName'）.val（）；
如果（名字！=''）{
window.open（'popup.html'）；
}否则{
$（'#firstName'）.addClass（'error'）；
};
$（函数（）{
$（'#弹出框'）。单击（函数（）{
新窗口（）；
});
});
};

试试这个：

<html>
<head>
<title>Adam Ginther's Pop-up Window</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/style.css">

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="js/script.js"></script>
<script language="javascript">


//script.js
var new_win;
var firstName;
var lastName;
var address;
var phoneNumber;

function popitup(url) {
    newwindow=window.open(url,'name','height=200,width=150');
    if (window.focus) {newwindow.focus()}
    return false;
}

function newWindow() { 
    firstName = $('#firstName').val();
    if (firstName !='') {
    popitup('popup.html');
    } else {
        $('#firstName').addClass('error');
    };
};

    $(document).ready(function(){
        $('#popup').click(function() {
            newWindow();
        });
    });
</script>
</head>
<body>
<div id="panel">
Congrats! You won!
</div>
<div id="centreblock">
<h1>WOW! AMAZING!!!</h1>
<img src="images/ipad.gif" width="100%" height="250">
<p>Congratulations! You won a free iPad! Enter your name, address, and phone number to have it delivered now.
<form action="">
<br>
<label for="firstName">First Name: </label>
<input type="text" size="12" id="firstName" name="firstName">
<br>
<br>
<label for ="lastName">Last Name: </label>
<input type="text" size"12" id="lastName" name="lastName">
<br>
<br>
<label for="address">Address: </label>
<input type="text" size="12" id="address" name="address">
<br>
<br>
<label for="phoneNum">Phone Number: </label>
<input type="text" size="12" id="phoneNum" name="phoneNum">
</form>
<br>
<a href="javascript:void(0)" id="popup"><br>REDEEM THIS SPECTACULAR OFFER NOW!</a>
<br>
</div>
</body>
</html>


亚当·金瑟的弹出窗口
//script.js
var new_win；
var名字；
var lastName；
var地址；
var电话号码；
函数popitup（url）{
newwindow=window.open（url，'name'，'height=200，width=150'）；
if（window.focus）{newwindow.focus（）}
返回false；
}
函数newWindow（）{
firstName=$（'#firstName'）.val（）；
如果（名字！=''）{
popitup（'popup.html'）；
}否则{
$（'#firstName'）.addClass（'error'）；
};
};
$（文档）.ready（函数（）{
$（'#弹出框'）。单击（函数（）{
新窗口（）；
});
});
恭喜！你赢了！
哇！太神了
恭喜你！你赢得了一台免费的iPad！请输入您的姓名、地址和电话号码，以便立即送达。


名字：




姓氏：




地址:




电话号码：

请注意:

jquery版本已经过时
javascript函数中做了一些更改

我希望这会有所帮助。您可以根据自己的流程和需求进行编辑。

您已经定义了一个只能从自身内部调用的函数。首先，没有代码真正调用函数。从函数定义中删除jquery domready代码，以便实际调用它。