• 关于 html 前进 后退 的搜索结果

问题

如何使用 ajax 无刷新既改变网页地址(url)又能实现前进后退改变内容?

a123456678 2019-12-01 19:23:12 910 浏览量 回答数 2

回答

•有一个比较土的方式是锚点,每次加载你都改变一次锚点,当重新载入这个页面时,根据锚点来重新加载信息•更加现代的方式你可以用history.pushState方法和history.replaceState以及window对象的popstate事件,这个方式可以让你用JS自己控制URL和前进后退事件,并且用ajax刷新网页的局部内容,新浪微博就用了这个技术,我早年写过一个demo: http://vifix.cn/atelier/demos/html5-update-browser-url-without-reloading-page/,详细API介绍你可以看MDN: https://developer.mozilla.org/en-US/docs/Web/API/History_API#Adding_and_modifying_history_entries

杨冬芳 2019-12-02 02:52:47 0 浏览量 回答数 0

回答

单页Web应用(single page web application,SPA),就是只有一张Web页面的应用。单页应用程序 (SPA) 是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。 浏览器一开始会加载必需的HTML、CSS和JavaScript,所有的操作都在这张页面上完成,都由JavaScript来控制。因此,对单页应用来说模块化的开发和设计显得相当重要。速度:更好的用户体验,让用户在web app感受native app的速度和流畅,MVC:经典MVC开发模式,前后端各负其责。ajax:重前端,业务逻辑全部在本地操作,数据都需要通过AJAX同步、提交。路由:在URL中采用#号来作为当前视图的地址,改变#号后的参数,页面并不会重载。单页Web应用(single page web application,SPA)是当今网站开发技术的弄潮儿,很多传统网站都在或者已经转型为单页Web应用,新的单页Web应用网站(包括移动平台上的)也如雨后春笋般涌现在人们的面前,如Gmail、Evernote、Trello等。如果你是一名Web开发人员,却还没开发过或者甚至是没有听说过单页应用,那你已经Out很久了。单页Web应用和前端工程师们息息相关,因为主要的变革发生在浏览器端,用到的技术其实还是HTML+CSS+JavaScript,所有的浏览器都原生支持,当然有的浏览器因为具备一些高级特性,从而使得单页Web应用的用户体验更上一层楼。关于单页应用的优点和缺点,网上讲解的文章有很多,这里就不展开论述了。 单页Web应用,顾名思义,就是只有一张Web页面的应用。浏览器一开始会加载必需的HTML、CSS和JavaScript,之后所有的操作都在这张页面上完成,这一切都由JavaScript来控制。因此,单页Web应用会包含大量的JavaScript代码,复杂度可想而知,模块化开发和设计的重要性不言而喻。优点:分离前后端关注点,前端负责界面显示,后端负责数据存储和计算,各司其职,不会把前后端的逻辑混杂在一起;减轻服务器压力,服务器只用出数据就可以,不用管展示逻辑和页面合成,吞吐能力会提高几倍;同一套后端程序代码,不用修改就可以用于Web界面、手机、平板等多种客户端;缺点:SEO问题,现在可以通过Prerender等技术解决一部分;前进、后退、地址栏等,需要程序进行管理;书签,需要程序来提供支持;

景凌凯 2019-12-02 01:40:40 0 浏览量 回答数 0

中小企业与商标那些事

企业品牌保护从商标开始,如何挑选一家靠谱的渠道注册商标,解读品牌权益维护的重要节点。

回答

介绍:SPA应用就是一个web应用,可理解为:是一种只需要将单个页面加载到服务器之中的web应用程序。当浏览器向服务器发出第一个请求时,服务器会返回一个index.html文件,它所需的js,css等会在显示时统一加载,部分页面需要时加载。 优点: 1.良好的交互式体验。意思是:用户无需刷新页面,获取数据通过异步ajax获取,页面显示流畅 2.良好的前后端分离模式(MVVM),减轻服务端压力。服务器只需要输出数据就可以,不用管逻辑和页面展示,吞吐能力会提高几倍 3.共用同一套后端程序代码,不用修改就可用于web界面,手机和平板等客户端设备 缺点: 1.不利于SEO优化 2.由于单页应用在一个页面中显示,所以不可以使用浏览器自带的前进后退功能,想要实现页面切换需要自己进行管理 3.首屏加载过慢(初次加载耗时多),原因是:为了实现单页web应用功能及展示效果,在页面初始化的时候就会将js,css等统一加载,部分页面在需要时加载。当然也有解决方法。 解决方法:①使用路由懒加载 ②开启Gzip压缩 ③使用webpack的externals属性把不需要的库文件分离出去,减少打包后文件的大小 ④使用vue的服务端渲染(SSR) 问题来源于GitHub,查看更多答案,请查看https://github.com/haizlin/fe-interview/issues/322

游客7iokfgo4yexey 2020-05-24 22:33:53 0 浏览量 回答数 0

回答

只做了简单实现,没有做前进,后退,停止这些功能,也没有做输入地址的验证,代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>My Web Browser</title> <script type="text/javascript"> function onchang(id) { var address = document.getElementById("addr").value; if( address == '' ) { alert("Please input address!!!"); } else { document.getElementById(id).src = address; } } </script> </head> <body> <form action="javascript:onchang('browser');" method="post"> <div> <button type="button"><-</button> <button type="button">-></button> <button type="button">Flush</button> <input id="addr" type="text" size="60" value="http://www.iteye.com"> <button type="submit">GO</button> <button type="submit">Stop</button> <div> <iframe id="browser" name="browser" src="" autosize="true"width="640" height="400" border="1"></iframe> </form> </body> </html> 效果图: ######前面不会自动添加http://前缀,该怎样解决?######回复 @情天大圣 : 谢谢啊.######回复 @杨东贤 : 当然,要不然怎么敢发出来######差不多,可用,######web浏览器?木有听过 ######像webQQ中的网页浏览应用######没看懂想表达个啥意思~######网页浏览器,你可以复制,查看为html######没看懂是要啥。。。。######没看懂是要干啥。。。。######没看懂是要干什么。。。。######修改为web浏览器######不知道什么意思######没看懂是做弄啥。。。 ######真的可以用

爱吃鱼的程序员 2020-05-31 00:41:29 0 浏览量 回答数 0

回答

@Roddy###### 初始化的时候有这么一堆值。 配置编辑器的工具栏,其中”/”表示换行,”|”表示分隔符。 数据类型: Array 默认值: [ 'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste', 'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript', 'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/', 'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage', 'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak', 'anchor', 'link', 'unlink', '|', 'about' ] source HTML代码 preview 预览 undo 后退 redo 前进 cut 剪切 copy 复制 paste 粘贴 plainpaste 粘贴为无格式文本 wordpaste 从Word粘贴 selectall 全选 justifyleft 左对齐 justifycenter 居中 justifyright 右对齐 justifyfull 两端对齐 insertorderedlist 编号 insertunorderedlist 项目符号 indent 增加缩进 outdent 减少缩进 subscript 下标 superscript 上标 formatblock 段落 fontname 字体 fontsize 文字大小 forecolor 文字颜色 hilitecolor 文字背景 bold 粗体 italic 斜体 underline 下划线 strikethrough 删除线 removeformat 删除格式 image 图片 flash Flash media 视音频 table 表格 hr 插入横线 emoticons 插入表情 link 超级链接 unlink 取消超级链接 fullscreen 全屏显示 about 关于 print 打印 code 插入程序代码 map Google地图 baidumap 百度地图 lineheight 行距 clearhtml 清理HTML代码 pagebreak 插入分页符 quickformat 一键排版 insertfile 插入文件 template 插入模板 anchor 插入锚点 editor = K.create('textarea[name="content"]', {             width : '800px',             height : '480px',             items : [    ] } 少写几个就行了。  ######真的很感谢,但是怎么修改图标的样式(换个背景)和大小呢?###### 该图标需要修改theme/default/default.css 默认的样式,根据你想要的效果,需要修改下边几项。 .ke-icon-image { background-position: 0px -496px; width: 16px; height: 16px; } .ke-icon-flash { background-position: 0px -512px; width: 16px; height: 16px; } .ke-icon-media { background-position: 0px -528px; width: 16px; height: 16px; } 作者默认使用的图标来自一张图片上,是截取得来的。 你可以在css中加入你自己的图标。 ######决定样式不行,该样式表,css里面自己调,用火狐看一下那个样式,那个文件地址,是在不会换样式的话,就换编辑器,第二个好像是百度出的富编辑器。###### 看我刚改的样式 问题就是初始化Css是个问题。这一点没百度那个做的好,大家怎么做到的? ######大神,你这个是怎么做到的

kun坤 2020-06-03 09:37:43 0 浏览量 回答数 0
阿里云大学 云服务器ECS com域名 网站域名whois查询 开发者平台 小程序定制 小程序开发 国内短信套餐包 开发者技术与产品 云数据库 图像识别 开发者问答 阿里云建站 阿里云备案 云市场 万网 阿里云帮助文档 免费套餐 开发者工具 云栖号物联网 小程序开发制作 视频内容分析 企业网站制作 视频集锦 代理记账服务 2020阿里巴巴研发效能峰会 企业建站模板 云效成长地图 高端建站 云栖号弹性计算 阿里云云栖号 云栖号案例 云栖号直播