讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > 后端开发 > php教程 > 正文

javascript - 我想在浏览器端直接对网站进行修改但是刷新后就初始化了

php中文网
发布： 2016-06-06 20:07:12
原创
1314人浏览过

比如我js写了点击事件，点击以后添加一行文字在网页上，但是刷新后文字就消失了。
我想保持永久修改的话是不是要用到php？

回复内容：

比如我js写了点击事件，点击以后添加一行文字在网页上，但是刷新后文字就消失了。
我想保持永久修改的话是不是要用到php？

合理的姿势应该是：

  1. js在客户端新增了内容(本题中是dom节点)，同时应该ajax告知服务器端数据变化

  2. 下次刷新页面时，服务器端(本例中是php)根据新的数据渲染页面时就包含了上次在客户端增加的节点

    立即学习“Java免费学习笔记（深入）”；

建议多看一点网站开发方面的文章或者书

浏览器只对网页源文件的内容进行解析和渲染

Bertha.ai
Bertha.ai

一款专为WordPress打造的AI内容和图像创建工具

Bertha.ai 120
查看详情 Bertha.ai

代码加上的内容，自然会被清除。除非，你把它存在某个地方:

  • 存在服务器端。用ajax获取。

  • 存在 localstorage。用 localstorage API 获取。

我觉得你的应用场景应该类似于那种比较大的表单，当用户不小心误操作关闭窗口的时候，保存下他之前填写的内容。
这种情况用本地存储就好了，localstorage/sessionstorage/cookie。
当然发送给后台也可以，但是会增加后台的工作量，你们的后台人员估计不会愿意去做。

理论上你的页面中，需要动态追加的内容区域应该是动态展示区，它的内容需要在服务器端进行存储的。
JS动态追加效果是为了减少数据跟服务器端交互时，用户等待时间过长，影响用户体验，所以js点击某个事件时有两个操作：
1.将内容动态添加到页面的dom节点上去(用户立刻看到效果)
2.通过ajax、表单提交等技术将内容提交到服务器端处理(数据过滤、存储等)
当用户再刷新页面时，那个动态区域是通过PHP服务器解析生成的内容，同时把最新的内容展现出来，保证数据不会丢失。

和php没什么关系，很多语言都能处理Post和Get请求。
解决方案：存放到服务器或者本地呗。

相关标签：
javascript php css html

大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：关于mysql连接报错1130 下一篇：javascript - HTML 提交表单后,输入框还有字,是怎么做到的?
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
php静态网页设计如何设置文本溢出处理_php静态网页设计textoverflow属性应用【攻略】 PHP静态网页中文本溢出容器的五种解决方案：一、text-overflow:ellipsis单行省略；二、Flex布局响应式单行省略；三、-webkit-line-clamp多行省略；四、JavaScript动态截断；五、PHP服务端预处理截断。
2025-12-24 04:47:19
407
网页嵌入php链接失败上传大小限制怎么改_网页嵌入php链接失败上传限制调整法【解决】 需同步调整upload_max_filesize、post_max_size、max_execution_time和max_input_time四项参数，并依环境选择修改php.ini、.htaccess或用ini_set()动态设置。
2025-12-24 03:37:28
231
网页嵌入php链接失败安全组配置错了怎么办_网页嵌入php链接失败安全组修正法【攻略】 PHP链接失败主因是云服务器安全组未放行对应端口，需确认Web服务器监听端口、配置安全组入站规则、检查绑定地址是否为0.0.0.0、排除中间链路拦截。
2025-12-24 02:13:07
793
浏览器怎么直接打开php文件_浏览器打开php文件需配置吗【方法】 浏览器不能直接打开PHP文件，因为PHP是服务器端脚本语言，需由Web服务器（如Apache、Nginx）和PHP解析器共同执行后返回HTML，浏览器才可渲染；双击或用file://协议打开仅显示源码或触发下载。
2025-12-24 01:11:27
186
PHP怎么获取苹果支付用户ID_苹果支付用户IDPHP获取方法【步骤】 ApplePay不直接返回用户ID，可通过四种方式间接识别：一、解析PKPaymentToken获取唯一transactionIdentifier；二、merchantSession绑定登录态；三、onvalidatemerchant中注入用户上下文；四、通过Server-to-ServerNotifications的transactionId反查用户。
2025-12-24 00:53:22
459
php源码怎么使用_用PHP源码配置环境实现功能调用教程【教程】 首先搭建PHP运行环境，安装XAMPP等集成工具并启动Apache和MySQL服务，将源码放入htdocs目录并通过浏览器访问；接着配置数据库连接信息，修改config.php等文件中的主机、用户名、密码和数据库名，并导入SQL文件创建数据表；然后启用必要扩展，在php.ini中开启mysqli、pdo_mysql、curl、json、mbstring、gd2等模块并重启服务；再设置文件权限，确保uploads、cache等目录具有读写权限，并核对路径参数与服务器结构一致；最后调用功能接口，分析
2025-12-24 00:51:17
875
网页嵌入php链接失败函数未定义怎么处理_网页嵌入php链接失败函数引入法【解决】 需确保PHP服务器环境正确配置、函数定义在调用前加载、文件引入路径准确、作用域与命名空间匹配，并验证短标签及PHP版本兼容性。
2025-12-23 21:54:08
672
网页嵌入php链接失败Apache配置问题怎么解_网页嵌入php链接失败Apache检查法【方案】 Apache未正确解析PHP文件的常见原因及修复方案包括：一、确认php_module已加载；二、检查AddType或SetHandler配置；三、验证DocumentRoot路径与文件权限；四、排查.htaccess覆盖限制；五、检查SSI支持与嵌入语法。
2025-12-23 21:51:11
298
php函数返回数组长度步骤_php获取数组大小返回技巧【解析】 PHP中获取数组长度应使用count()函数，它支持一维和多维数组，默认统计第一层元素；sizeof()是其别名；多维数组需加COUNT_RECURSIVE参数递归计数；操作前须用is_array()校验类型；配合array_keys()可实现条件过滤计数。
2025-12-23 21:49:02
809
Word文档如何触发php代码执行_Word文档触发php代码执行方法【说明】 Word文档本身无法直接执行PHP代码，只能通过超链接、OLE嵌入HTML、VBA宏或导出后提交等方式间接触发服务器端PHP脚本运行。
2025-12-23 21:44:34
779
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部