引用其他网站的搜索页

最新推荐文章于 2022-02-27 16:13:54 发布

weixin_30520015

最新推荐文章于 2022-02-27 16:13:54 发布

阅读量404

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Knowledge-is-infinite/p/11420387.html

版权

<!--引用其他网站的搜索页
引用百度网站的搜索页步骤：
1，编写自己的搜索页面，需要提交数据一定是在表单中，搜索框和按钮一定是在 form 表单中

2，打开淘宝搜索页--打开开发者工具找到指定搜索框 -- 找到 form 表单中的 搜索框input中 name="wd"，复制到我们自己的input中

3，找到 form 中的 action="/s" 的值，再点击复制网址：https://www.baidu.com/?tn=06074089_58_pg。
	把地址 ? 后面的去掉，把 action="/s"  的值放到 后面。在自己的表单中添加提交地址 ，如：action='https://www.baidu.com/s' 即可

4，在我们自己的页面搜索框输入要搜索的信息，点击submit按钮即可在百度页面进行搜索。

--------------

引用淘宝网站的搜索页步骤：
1，编写自己的搜索页面，需要提交数据一定是在表单中，搜索框和按钮一定是在 form 表单中

2，打开百度搜索页--打开开发者工具找到指定搜索框 -- 找到 form 表单中的 搜索框input中 name="keyword"，复制到我们自己的input中

3，找到 form 中的 action="/sem/tbsearch" 的值，再点击复制网址：https://uland.taobao.com/sem/tbsearch?refpid=mm_26632258_3504122_32538762&keyword=女装&clk1=30474e7a9f535dd59e9b2aa840646a45&upsid=30474e7a9f535dd59e9b2aa840646a45 ，取地址 ? 号之前的地址，与 action="/sem/tbsearch" 做对比。跟地址后面的一模一样，所以不用修改，
所以，在自己的表单中active的值为：action='https://uland.taobao.com/sem/tbsearch',一定要在表单中提交的淘宝地址

4，在我们自己的页面搜索框输入要搜索的信息，点击submit按钮即可在百度页面进行搜索。

--------------

京东搜索页使用的是 javascript 进行控制的，所以不知道怎么引用

-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div class="bd">
		<form action="https://www.baidu.com/s" method="get" accept-charset="utf-8">
			<input name="wd" type="text" class="search-bd" placeholder="百度搜索页"
			><input type="submit" name="search-bd-btn">
		</form>
	</div>
	<div class="tb">
		<form action="https://uland.taobao.com/sem/tbsearch" method="get" accept-charset="utf-8">
			<input name="keyword" type="text" class="search-tb" placeholder="淘宝搜索页"
			><input type="submit" name="search-tb-btn">
		</form>
	</div>
	<div class="jd">
		<form action="https://pro.jd.com/mall/active/3xd3BwnfvAtqQhwmqziVqLSUTjfe/index.html" method="get" accept-charset="utf-8">
			<input name="key" id="key" οnkeydοwn="javascript:if(event.keyCode==13) search('key');" type="text" class="search-jd" placeholder="京东搜索页使用的是js进行控制"
			><input οnclick="search('key');return false;" type="submit" name="search-jd-btn">
		</form>
	</div>

</body>
</html>

转载于:https://www.cnblogs.com/Knowledge-is-infinite/p/11420387.html