自定义HTML导航页

最新推荐文章于 2024-07-12 21:28:45 发布

AllenLee7c9

最新推荐文章于 2024-07-12 21:28:45 发布

阅读量1.9k

点赞数 3

文章标签： html javascript

本文链接：https://blog.csdn.net/AllenLee7c9/article/details/48828921

版权

本文记录了作者初次尝试制作个人HTML导航页的过程，通过自学HTML和JavaScript，成功实现了Baidu、Google、Bing及SearchCode四个搜索引擎的切换功能。尽管遇到一些挑战，如如何添加新搜索引擎和本地应用的超链接安全问题，但最终在W3school等资源的帮助下完成了作品。尽管作品可能显得粗糙，但对于作者来说充满了成就感，并表示会继续努力学习和改进。

摘要由CSDN通过智能技术生成

多媒体课上老师让做一个自己的个人网站，遂下了一个Microsoft Expression Studio鼓捣了一会儿，觉得还挺有意思又想起前几天上课，见老师用的自己编写的网页导航感觉挺有逼格的，所以突发奇想做一个自己的导航页。但想想容易做起来就没那么简单了，以前根本没有怎么接触过HTML语言，现在只好现学现用了；好在折腾了一个晚上之后总算是把自己心中的效果都给实现了，也算是没有白忙活，目前只是做出了最简单的样式，其他的以后看情况再更改吧。

<html>

<head>
<title>导航</title>
<script type = "text/javascript">
	function sch(form)
	{
		e=document.sel.sq.selectedIndex; //取选定选项的编号
		e=document.sel.sq[e].value; //取选定选项的"value"特征值
		k=document.sel.k.value; //取搜索关键字
		if(document.sel.k.value=="")
			{ //如果没有填入关键字
				alert("请输入关键词！"); //则给出提示
				document.sel.k.focus(); //将光标移到输入框
				return
			}
	if(e=="Baidu"){window.open("http://www.baidu.com/s?wd="&