小朋友学Python Web（3）：实现点击按纽跳转

我会带着你远行 2022-05-14 10:42 60阅读 0赞

1 在urls.py文件的urlpatterns中添加

path(r'newpage', views.gotoNewPage),

2 在views.py中增加gotoNewPage函数

def gotoNewPage(request):
        return render(request, 'newpage01.html')

3 在主页index.html中增加按纽及响应方法

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>测试</title>
    </head>
    <body>
    This is my first page.
    
    
    <script> function clickButton1() { // 当前窗口打开新页面 // location.href="newpage"; // 新窗口打开新页面 window.open('newpage'); } function clickButton2() { alert("您好"); } </script>
    
    <br />
    <br />
    <button type="button" onclick="clickButton1()">跳转页面</button>
    
    <br />
    <br />
    <button type="button" onclick="clickButton2()">显示弹框</button>
    
    <br />
    <br />
    <input type = "text" name = "input01">
    
    <br />
    <br />
    <textarea rows="3" cols = "10"></textarea>
    
    </body>
    </html>

4 在templates目录中增加newpage01.html界面，内容为

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>static</title>
    </head>
    <body>
    这是一个新页面
    </body>
    </html>

> 了解小朋友学编程请加QQ 307591841，或加微信 307591841，或扫左侧二维码进QQ群。关注微信公众号请扫右侧二维码  
> ![qrcode-origin.png][]

[qrcode-origin.png]: /images/20220514/17f7dcb2f281454db70c22a3f5034176.png

发表评论取消回复

表情：

评论列表（有 0 条评论，60人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue点击跳转路由

第一步：给按钮加点击事件，事件如下 async pageJump() { this.$router.push({ name

野性酷女/ 2024年04月01日 02:18/ 0 赞/ 250 阅读

相关 vue点击按钮跳转页面

在Vue.js中，你可以使用<router-link>或this.$router.push()来实现点击按钮跳转页面的功能，前提是你已经配置了Vue Router。以下是两种不

女爷i/ 2024年02月20日 10:45/ 0 赞/ 222 阅读

相关 web日志工具类控制台点击可以跳转

import java.io.BufferedWriter; import java.io.File; import java.io.FileOutpu

爱被打了一巴掌/ 2023年10月05日 10:07/ 0 赞/ 24 阅读

相关 vue点击按钮实现页面跳转

vue点击按钮实现页面跳转 1.安装vue-router： npm install vue-router 2.在main.js中引入并使用vue-rou

桃扇骨/ 2023年10月04日 23:03/ 0 赞/ 116 阅读

相关小朋友学Python（3）：布尔类型

本节讲解C/C++/Java/Python中的布尔类型。一、C语言 C语言中没有布尔类型，判断时，0为假，非0为真。二、C++ C++的bool是布尔类型

我就是我/ 2022年05月31日 09:12/ 0 赞/ 242 阅读

相关小朋友学Python Web（3）：实现点击按纽跳转

1 在urls.py文件的urlpatterns中添加 path(r'newpage', views.gotoNewPage), 2 在views.py中增加got

我会带着你远行/ 2022年05月14日 10:42/ 0 赞/ 61 阅读

相关 VUE点击实现路由跳转传参

在页面开发中，我们经常需要实现点击跳转页面，并传递相应的参数过去在另一个页面展示出来。废话不说，直接上代码。路由发出页面 <template> <div id=

旧城等待，/ 2022年05月14日 08:14/ 0 赞/ 510 阅读

相关【web前端】17.实现点击跳转锚点部分(vue)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JlbmJl

爱被打了一巴掌/ 2022年01月15日 12:17/ 0 赞/ 377 阅读

相关 jquery点击div跳转页面

<div onclick="window.open('http://www.baidu.com')">在新窗口跳转至百度</div> <di

一时失言乱红尘/ 2021年09月30日 11:36/ 0 赞/ 771 阅读

相关帆软点击实现跳转并传参

点击事件中添加如下代码：获取控件的值，并拼接跳转的URL var country = _g().getWidgetByName("country").getValue

桃扇骨/ 2021年07月27日 01:44/ 0 赞/ 2154 阅读