html返回上一个页面
很多同学在进行编程学习时缺乏系统学习的资料。本页面基于html返回上一个页面内容,从基础理论到综合实战,通过实用的知识类文章,标准的编程教程,丰富的视频课程,为您在html返回上一个页面相关知识领域提供全面立体的资料补充。同时还包含 h6、hack、hadoop 的知识内容,欢迎查阅!
html返回上一个页面相关知识
-
js返回上一页以及返回上一页并刷新在项目中关于返回上一页的问题,有很多方法实现,但为了省力,我个人基本使用一个方法: $(".btn").click(function(){ window.history.back(); }); //或者直接a标签添加 <a class="" href="javascript:history.go(-1)">返回</a> 这个方法只会返回上一页,并不会返回后刷新本页,基本项目中使用的都是这种返回方式。 项目碰到需要返回刷新的页面,可用以下代码: <a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a> 返回并刷新的js代码没有用
-
iOS 如何让WKWebView侧滑返回时html逐级返回,而不是直接返回到上级控制器?iOS使用WKWebView来加载html页面时,如果html页面只有一级的话,那么侧滑返回没什么问题,但如果html是多级的话,那么侧滑返回时有时就会出现直接返回到上级控制器,而不是返回上一级html页面。这是因为html页面的侧滑返回和导航控制器的侧滑返回发生冲突了,系统无法识别到底是哪一种侧滑返回。WKWebView有一个canGoBack属性(A Boolean value indicating whether there is a back item in the back-forward list that can be navigated to.),该属性为true/YES时表示webview当前加载的html的页面级数 >= 2 ,为false/NO时,表示当前处于html的一级页面。那么,我们可以通过KVO来监听webview的canGoBack属性值变化来解决html页面的侧滑返回和导航控制器的侧滑返回冲突的问题:即当canGoBack属性值变为true/YES时,禁用导
-
js 返回上一页和刷新Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);2. history.back().3. window.history.forward()返回下一页4. window.history.go(返回第几页,也可以使用访问过的URL)例:向上一页response.Write("<script language=javascript>")response.Write("if(!confirm('完成任务?')){history.back();}")response.Write("</script>")response.Write("<script language=javascript>history.go(-1);</script>")向上一页页面跳转:="window.location.href=&
-
【学习】制作一个跳转提示页面制作一个跳转提示页面: 要求: 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。 如果点击“返回”按钮则返回前一个页面。 <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> </head> <body> <H4>操作成功</H4> <p> <b id="second">5</b>秒后回到主页&nbsp;<a href="javascript:goBack();">返回</a> </p> <script type="text/javascript"> var sec
html返回上一个页面相关课程
html返回上一个页面相关教程
- 3.3 页面返回 当调用 API uni.navigateBack、使用组件 <navigator open-type="navigateBack"/> 或者点击浏览器左上角的返回按钮,还有点击安卓物理back按键,都会进行页面返回,返回到上一级页面。进行这些操作时,页面会不断的出栈,直至回到第一个页面,也就是存放在页面栈中最下面的页面。从 page2 页面中返回到 page1 页面,页面栈是下面这样的形式:
- 3. 页面模板 upload.html <html><head><meta charset="UTF-8"><title>文件上传</title></head><body><h1>上传成功</h1><a href='/'>返回主页</a></body></html>在服务端保存上传文件后,服务端返回页面模板 upload.html,通知已经上传成功。用户点击 "返回主页",可以返回到网站根页面,在根页面可以查看到所有已经上传的文件,并下载。
- 3.3 调用 render 函数返回 HTML 文本或者模板文件。其实,通过查看 Django 的源代码,可以看到 render 函数会调用 loader.render_to_string() 方法将 html 文件转成 string,然后作为 content 参数传递给 HttpResponse 类进行实例化:# django/shortcuts.pydef render(request, template_name, context=None, content_type=None, status=None, using=None): """ Return a HttpResponse whose content is filled with the result of calling django.template.loader.render_to_string() with the passed arguments. """ content = loader.render_to_string(template_name, context, request, using=using) return HttpResponse(content, content_type, status)它的用法如下:# 第一步,在django工程中准备一个静态文件,放到templates目录下(django-manual) [root@server first_django_app]# cat templates/index.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1>这是首页</h1></body></html># 第二步,在first_django_app/setting.py文件,指定静态资源的目录(django-manual) [root@server first_django_app]# cat first_django_app/settings.py...TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', # 指定项目目录下的templates目录 'DIRS': [os.path.join(BASE_DIR, 'templates')], 'APP_DIRS': True, 'OPTIONS': { 'context_processors': [ 'django.template.context_processors.debug', 'django.template.context_processors.request', 'django.contrib.auth.context_processors.auth', 'django.contrib.messages.context_processors.messages', ], }, },]...# 第三步,添加视图函数以及URLconf,位置first_django_app/urls.pydef index(request, *args, **kwargs): return render(request, "index.html")urlpatterns = [ path('admin/', admin.site.urls), path('index/', index),]就这样一个简单的配置,我们请求 /index/ 路径时,会返回 index.html 文件内容:[root@server ~]# curl "http://127.0.0.1:8881/index/"<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1>这是首页</h1></body></html>另一方面,index.html 还可以是一个模板文件,我们通过 render 函数最后会将该模板文件转成一个完整的 HTML 文件,返回给客户端:# index.html(django-manual) [root@server first_django_app]# cat templates/index.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1>{{ title }}</h1><p>{{ content }}</p></body></html># 修改 urls.py 中的视图函数(django-manual) [root@server first_django_app]# cat first_django_app/urls.py...def index(request, *args, **kwargs): return render(request, "index.html", {"title":"首页", "content": "这是正文"}) ...最后请求结果可以看到完整的 HTML 文本:[root@server ~]# curl "http://127.0.0.1:8881/index/"<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1>首页</h1><p>这是正文</p></body></html>
- 3.2 页面生命周期 函数名说明支持平台 onLoad 页面加载时触发,一个页面只会调用一次。可以传递参数,参数说明查看示例 3.2.1 所有 onShow 页面显示时触发,每次打开页面都会调用一次所有 onReady 页面初次渲染完成后触发,一个页面只会调用一次所有 onHide 页面隐藏时触发,每次隐藏页面都会被触发所有 onUnload 页面卸载时触发所有 onResize 页面每次窗口尺寸变化时会被触发,App、微信小程序 onPullDownRefresh 用户下拉页面时触发,一般用于页面下拉刷新,查看实例 3.2.2 所有 onReachBottom 页面上拉滚动触底时触发所有 onTabItemTap 点击底部 tab 栏时触发,参数为 Object,参数说明查看实例 3.2.3 微信小程序、百度小程序、H5、ApponShareAppMessage 点击右上角分享时触发微信小程序、百度小程序、字节跳动小程序、支付宝小程序 onPageScroll 页面滚动时触发,只监听页面垂直滚动所有 onNavigationBarButtonTap 监听原生标题栏按钮点击事件,参数说明查看实例 3.2.4App、H5onBackPress 页面返回时触发,查看实例 3.2.5App、H5onNavigationBarSearchInputChanged 监听原生标题栏搜索输入框输入内容变化事件 App、H5onNavigationBarSearchInputConfirmed 监听原生标题栏搜索输入框搜索事件 App、H5onNavigationBarSearchInputClicked 监听原生标题栏搜索输入框点击事件 App、H53.2.1 onLoad 参数说明页面生命周期函数 onLoad,是页面最先执行的生命周期函数,如果从上个页面跳转到本页面,可以通过参数 option 传递上个页面的数据。我们来看一下实例,比如要从首页(index.vue)跳转到个人中心页面(me.vue)。实例://index.vue//跳转语句,并在跳转链接上面加上要传递的数据uni.reLaunch({ url: 'test?name=我是首页的数据'});//me.vueexport default { //options参数就是上个页面传递过来的数据 onLoad: function (options) { console.log(options.name); }}//打印出来的结果我是首页的数据3.2.2 onPullDownRefresh 函数用于监听该页面用户下拉页面的动作。普通页面下拉不会触发 onPullDownRefresh 函数,要先在 pages.json 里面,找到当前页面的 pages 节点,并在 style 选项中将 enablePullDownRefresh 设置为 true,下拉页面才可以触发 onPullDownRefresh 函数。下面来看一下实例,比如我们想开启首页(index.vue)的下拉动作。实例://pages.json{ "path": "pages/index/index.vue", "style": { "enablePullDownRefresh": true }}调用完成 onPullDownRefresh 函数后,用 stopPullDownRefresh 函数可以停止当前页面的下拉状态。实例:export default{ onPullDownRefresh(){ console.log('用户下拉页面时触发') uni.stopPullDownRefresh() }}3.2.3 onTabItemTap 参数说明属性类型说明 indexString 被点击 tabItem 的序号,从 0 开始 pagePathString 被点击 tabItem 的页面路径 textString 被点击 tabItem 的按钮文字实例:export default { onTabItemTap(options) { console.log('被点击tabItem的序号index:' + options.index) console.log('被点击tabItem的页面路径pagePath:' + options.pagePath) console.log('被点击tabItem的按钮文字text:' + options.text) }}注意以下几点:onTabItemTap 常用于点击当前 tabitem,滚动或刷新当前页面。如果是点击不同的 tabitem,一定会触发页面切换。如果想在 App 端实现点击某个 tabitem 不跳转页面,不能使用 onTabItemTap,可以使用 plus.nativeObj.view 放一个区块盖住原先的 tabitem,并拦截点击事件。在 App 端,从 HBuilderX 1.9 的自定义组件编译模式才开始支持 onTabItemTap。3.2.4 onNavigationBarButtonTap 参数说明属性类型说明 indexNumber 原生标题栏按钮数组的下标实例:export default { onNavigationBarButtonTap(options) { console.log('index:' + options.index) }}3.2.5 onBackPress 参数说明返回结果的格式是这样的:event = {from:backbutton、 navigateBack}。其中 backbutton 表示来源是左上角返回按钮或 android 返回键;navigateBack 表示来源是 uni.navigateBack。属性类型说明 fromString 触发返回行为的来源:‘backbutton’—— 左上角导航栏按钮及安卓返回键;‘navigateBack’——uni.navigateBack () 方法实例:export default { onBackPress(options) { console.log('from:' + options.from) }}
- 3.2 返回 json 类型 视图函数直接返回 json 数据是在微服务架构中常见的套路。这里 Django 程序只提供后端数据并不提供静态资源。针对返回 json 数据,在 Django 中专门定义了一个 JsonResponse 类用来生成 json 数据。它实际上是继承自 HttpResponse 类:# django/http/response.py# 忽略其他内容class JsonResponse(HttpResponse): """ 忽略注释部分内容 """ def __init__(self, data, encoder=DjangoJSONEncoder, safe=True, json_dumps_params=None, **kwargs): if safe and not isinstance(data, dict): raise TypeError( 'In order to allow non-dict objects to be serialized set the ' 'safe parameter to False.' ) if json_dumps_params is None: json_dumps_params = {} kwargs.setdefault('content_type', 'application/json') data = json.dumps(data, cls=encoder, **json_dumps_params) super().__init__(content=data, **kwargs)JsonResponse 类的使用和 HttpResponse 类一样简单,我们只需要把字典数据传给 JsonResponse 类进行实例化即可。但是字典数据中存在中文时候,会出现乱码,我们只需要在实例化 JsonResponse 时,多传入一个参数即可:# 在页面上会出现乱码def hello_world(request, *args, **kwargs): data = {'code': 0, "content": "返回中文字符串", "err_msg": ""} return JsonResponse(data)# 经过处理后的JsonResponsedef hello_world(request, *args, **kwargs): data = {'code': 0, "content": "返回中文字符串", "err_msg": ""} return JsonResponse(data, json_dumps_params={'ensure_ascii': False})请求结果:# 第一个不处理的 JsonResponse 返回[root@server ~]# curl "http://127.0.0.1:8881/hello/"{"code": 0, "content": "\u8fd4\u56de\u4e2d\u6587\u5b57\u7b26\u4e32", "err_msg": ""}# 使用第二个数据处理后的HttpResponse返回[root@server ~]# curl "http://127.0.0.1:8881/hello/"{"code": 0, "content": "返回中文字符串", "err_msg": ""}另外一种比较好的方式是,仿照 JsonResponse 类,定义一个支持返回包含中文 json 数据的 Response 类:# 忽略导入模块# 将原来支持的json_dumps_params参数固定写死成{'ensure_ascii':False}class JsonResponseCn(HttpResponse): """ 忽略注释部分内容 """ def __init__(self, data, encoder=DjangoJSONEncoder, safe=True, **kwargs): if safe and not isinstance(data, dict): raise TypeError( 'In order to allow non-dict objects to be serialized set the ' 'safe parameter to False.' ) kwargs.setdefault('content_type', 'application/json') data = json.dumps(data, cls=encoder, **{'ensure_ascii':False}) super().__init__(content=data, **kwargs)这样处理后,我们在和原来一样使用 JsonResponseCn 类来返回 json 数据即可,不用考虑返回的字典数据中是否包含中文字符:def hello_world(request, *args, **kwargs): data = {'code': 0, "content": "返回中文字符串", "err_msg": ""} return JsonResponseCn(data)
- 3. 制作一个纯文本页面的主要过程 关于一个纯文本页面,这里的纯文本,也不是指页面中一个图片或者其他多媒体元素都没有,只是说以文字占比大部分的网页。那么这类网页设计的步骤我们要有一个怎么样的流程?这就是这个知识点要介绍的。基本可以分为五个步骤。第一步:内容规划,把你要粘贴到各种 HTML 元素的内容,也就是文字材料先收集,准备好。可以放在 txt 文件里,也可以放在剪贴板里。第二步: HTML 元素的规划,涉及到文字的 HTML 元素并不多,比如 p 标签,a 标签,input标签等,也有像 article ,div 这样的容器标签可以选择。这一步就是要规划好,你到底用哪种标签来承载哪些文本内容,这一步很重要,正所谓:“标签选的好不好,完美设计跑不了!”第三步:我们来设置每一个文本元素的 CSS 样式,我们有两种方式可以选择,一种是为 HTML 元素同意编写 CSS 文件,然后以引入的方式进行引入。另一种就是利用之前我们学习过的 CSS 设置操作,在 Dreaweaver CC 2018 里进行设置。其实利用 Dreawweaver CC 2018 设置好之后,原理等同于 Dreaweaver CC 2018 帮助我们自动写出了 CSS 样式文件。我们在两种方式之间的选择只不过是选择了一种我们与设计工具的一种交互方式。第四步:就是保存页面,写好页面固然重要,但我曾见过多少“老司机”在设计的过程中,因为不习惯保存,或者没有保存的好习惯,而遭遇了断电,电脑故障损坏,而导致半天,几小时的工作量化为流水的。所以同学们在制作网页文件的时候一定勤于保存。第五步:发布到网站,在浏览器里打开测试。这一步也是我们的网页要见客户,见用户前最后一步了,这里如果没问题,那用户只要浏览器不是太奇葩,或者打开方式有问题,就基本不会出现我们的“返工”。这一步只需要你的一点仔细和留心。以上就是我们再这个小节中给大家讲述的设计纯文本页面的五个基本步骤,其中大多数的操作,老师都已经在之前的章节做过讲解,大家有不会的可以翻阅之前的资料。
html返回上一个页面相关搜索
-
h1
h6
hack
hadoop
halt
hana
handler
hanging
hash
hashtable
haskell
hatch
hbase
hbuilder
hdfs
head
header
header php
headers
headerstyle