jquery与php数据传输,【网页制作-jquery, php】key-value 网页书签（php与js之间的数据传递）...

为网站首页添加一个“key-value”传送门功能

msds是key，value是对应的网址

image.png

可以跳转到任意网址，不限于自己的网站，比如输入“猫”，跳转到b站上的“岩合光昭的猫步走世界”：https://www.bilibili.com/video/av1297817/

该功能的适用范围？

相当于一个浏览器书签功能，当收藏的网页多了之后，找起来很不方便。而且很多网页可能很久才浏览一次，都添加到书签里会显得臃肿，这时候如果记住关键字，就能比较方便的访问。

具体实现：

把key-value存储到go_menu.txt文件中:

image.png

index.php文件中读取go_menu.txt，将key-value存储到数组$go_menu中

这里使用的是associate数组，方便用key-value读取数据

image.png

对应的html以及js代码

image.png

下面这行代码实现php数组转js变量(对象)

var link_list = <?php echo json_encode($go_menu)?>;

访问网页时，先运行服务器端的php代码，然后再运行客户端的js代码

【2019-02-10更新】

添加按下回车键事件

image.png

【2019-02-18更新】

添加多个关键词用"/"分隔的功能

image.png

jquery与php数据传输,【网页制作-jquery, php】key-value 网页书签（php与js之间的数据传递）...相关推荐

网页设计作业花甲美食网站设计——精美花甲美食网页(8页) 海鲜网页制作作业生鲜水果蔬菜网页设计模板简单学生网页设计代做静态HTML CSS网站制作成品
HTML5期末大作业:花甲美食网站设计--精美花甲美食网页(8页) 海鲜网页制作作业生鲜水果蔬菜网页设计模板简单学生网页设计代做静态HTML CSS网站制作成品常见网页设计文章目录 HTML ...
HTML5期末大作业：在线电影网站设计——电影从你的全世界路过(4页) HTML+CSS+JavaScript 大学生电影网页制作教程学生HTML电影网页设计作业成品简单网页制作代码学生影视
HTML5期末大作业:在线电影网站设计--电影从你的全世界路过(4页) HTML+CSS+JavaScript 大学生电影网页制作教程学生HTML电影网页设计作业成品简单网页制作代码学生影视网页 ...
HTML5期末大作业：花甲美食网站设计——精美花甲美食网页(8页) 海鲜网页制作作业生鲜水果蔬菜网页设计模板简单学生网页设计代做静态HTML CSS网站制作成品
HTML5期末大作业:花甲美食网站设计--精美花甲美食网页(8页) 海鲜网页制作作业生鲜水果蔬菜网页设计模板简单学生网页设计代做静态HTML CSS网站制作成品常见网页设计作业题材有个人. ...
HTML5期末大作业：美食餐厅网站设计——一千一夜美食餐厅(11页) 食品网页设计作业,海鲜网页制作作业, 大众食品学生网页作业, 美食网页作业成品, 食物网页作业模板 ,甜品网页作业定制
HTML5期末大作业:美食餐厅网站设计--一千一夜美食餐厅(11页) 食品网页设计作业,海鲜网页制作作业, 大众食品学生网页作业, 美食网页作业成品, 食物网页作业模板 ,甜品网页作业定制常见网页设 ...
HTML5期末大作业：龙之谷网络游戏网站设计——龙之谷网络游戏(9页) 学生网游网页设计模板大学生HTML网页制作作品简单手游网页设计成品 dreamweaver学生网站模板
HTML5期末大作业:龙之谷网络游戏网站设计--龙之谷网络游戏(9页) 学生网游网页设计模板大学生HTML网页制作作品简单手游网页设计成品 dreamweaver学生网站模板常见网页设计作业题材 ...
网页制作的基本语言html,网页制作基础语言HTML.ppt
网页制作基础语言HTML 2. 内嵌音频播放插件通过内嵌音频播放插件可以在浏览器中出现控制面板,也可作为背景音乐.其格式为: [例2-27] 3. IE中的背景音乐可以插入背景音乐格式,不过只有在 ...
大学生动漫网页设计模板机动战士高达静态网页制作成品下载 HTML漫画网页作业带JS轮播图
机动战士高达静态网页制作应用知识点作品介绍首页部分代码页面最终效果网页源地址应用知识点 DIV CSS布局.网页背景图.JS图片轮播.在线视频作品介绍机动战士高达动漫网页使用DIV C ...
全国计算机考试网页制作,全国计算机信息高新技术考试网页制作（FrontPage平台）网页制作员级考试考试大纲...
全国计算机信息高新技术考试网页制作(FrontPage平台)网页制作员级考试考试大纲时间:2013-10-28 来源:IT认证考试网点击量: 更多第一单元操作文本(共12分) 1.设置文本 ...
python制作网页难吗_怎么做网页制作（用python做网页与html）
想要做一个大型的网站,必须拥有较强的网站设计能力,而且photoshop.flash.Cool 3d.Gif Animator等网页制作的辅助工具必须都懂,数据库是网站的强大支持,因此,数据也需要懂. ...

jquery与php数据传输,【网页制作-jquery, php】key-value 网页书签（php与js之间的数据传递）...

jquery与php数据传输,【网页制作-jquery, php】key-value 网页书签（php与js之间的数据传递）...相关推荐

最新文章

热门文章