小朋友学Python Web(3):实现点击按纽跳转

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>

原文发布于微信公众号 - KidsCode少儿编程(gh_de7b45c40e8b)

原文发表时间:2018-09-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏谈补锅

免费真机调试 -- Xcode7

  刚新安装了Xcode7 Version 7.1 beta , 据说这个版本可以免费真机调试,于是用了一个新的AppID测试了,发现真的可以免费真机调试了呢!...

1.1K30
来自专栏性能与架构

jquery的ready方法实现原理

应用jquery时 ready是一个非常常用的方法,我们常常会写 $(document).ready(function) 或 $(function) re...

36870
来自专栏每日一篇技术文章

weex-24-modal模块

如果你觉得这些界面颜色风格和你的应用配色格格不入,你可以自定义自己想要的类似的组件!

14810
来自专栏知无涯

移动端前端开发调试-将safari设置iPhone模拟器

1.2K110
来自专栏Youngxj

微信内置浏览器自动跳转其它浏览器

7K60
来自专栏林德熙的博客

WPF 拖动滚动

使用 ListBox 可以简单做到,那么如何使用 ScrollViewer 做到相同效果?

19910
来自专栏Youngxj

emlog彩色3D标签云 - 非插件

39660
来自专栏React Native开发圈

React Native二维码生成组件

value:二维码的值 size:大小,默认128 bgColor:背景色,默认#000 fgColor:前景是,默认#fff

12920
来自专栏CDA数据分析师

让你效率提高300%的Excel键盘技巧

本文为简书作者傲看今朝原创,CDA数据分析师已获得授权 刚进惠普的时候,听说公司里的某个领导操作Excel从不用鼠标,感觉真是太牛逼了,满是崇拜的眼神。然而经过...

21780
来自专栏互联网软件技术

jQuer插件满屏气泡飘落动画效果

16930

扫码关注云+社区

领取腾讯云代金券