从悲催的东方cj看中国的网页制作 | magento开发

一般来说，我不太容易激动，但是看到一个本来很强悍的公司，弄了这么一个难以形容的首页，我觉得真是干一行，爱一行，就破例说说吧。在国内得罪人的事少干，你找出个微软的漏洞可能被微软当人才挖去了，你弄出个某国产软件的漏洞，你可能就去蹲监狱了，国内这些破事，办什么都要小心。

东方CJ首页网址似乎是：http://www.ocj.com.cn/main/index.jsp，这个公司不是一个电子商务公司，应该是属于电视购物网站，所以在电子商务方面有点问题，一点也不算是他们的错，我的批评的言论大家更要宽容的看待，请一定对非电子商务的购物网站保持一颗宽容的心。可以和同行计较，不要和外行较真。这个一定要说在前面。

我是无意间看到这个网站，看上去也还说的过去，一看页面源代码，我差点背过气去。这么N*的html，我当时就懵了，为什么首页代码里有两个Title标签，这么N*的公司不应该会犯这个错误，我一开始觉得这一定是什么另类的SEO方法，我是才疏学浅不知道其中的奥秘。我就开始搜这个两个title是怎么回事，什么破另类。查了半天也不知道两个title标签有什么用。 – – ！难道是写代码的疏忽忘了删了，这个也有点说不过去，不至于吧。又难道是写代码的懒得删了，补充一个直接覆盖以前的。 – – ！至今未解。head部分代码如下，大家也可以去官网看下，他们给改了没。

<title>东方CJ家庭购物，轻松购物好选择</title>
<title>东方CJ家庭购物</title>

在我给大家找这俩title代码的时候我又发现更雷人的东西，我把首页的上面部分的代码贴出来给大家看下，大家也可以去官网看下他们改了没有。大家赶紧去看吧，在他们工作人员看到我这篇文章以前。

<link href="http://image1.ocj.com.cn/image_site/css/reset.css" rel="stylesheet" type="text/css" />
<!--link href="/images/css/default0811.css" rel="stylesheet" type="text/css" /-->
<script language="javascript" src="/common/psh.js"></script>
<script language="javascript" src="/common/jsCommon.js"></script>
<script language="JavaScript">

	//扁裙傈 GO//主体购物GO
	function shop(shop_No) {
		window.location.replace("/shop/shop.jsp?shop_No="+shop_No);
	}

	//皋牢傍瘤荤亲 郴侩//首页公告事项内容
	function notice_pop(str,notice_gb) {
		var imgwin = window.open("/notice/PopNotice.jsp?sub_No="+str+"&notice_gb="+notice_gb,'NOT','scrollbars=yes,status=no,toolbar=no,resizable=1,location=no,menu=no,width=518,height=400');
		imgwin.focus();
	}

	function popTvshop(name_code)
	{
		var imgwin = window.open("/etv/etv_gosmgbb.jsp?tvname="+name_code,'old','scrollbars=no,status=no,toolbar=no,resizable=1,location=no,menu=no,width=480,height=550');
		imgwin.focus();
	}

	function popCatagroy()
	{
		var imgwin = window.open("/main/pop_catagroy.jsp",'old','scrollbars=yes,status=no,toolbar=no,resizable=1,location=no,menu=no,width=520,height=645');
	}

	function  popTopListBrand() {
		var param ="";
		openNoScrollWin("/search/search_pop_brand.jsp", "", "", "500", "440", param)	;
	}

	function Newsurl(item_image, url, f){
		filteredValues = "&";
		f.href = url;
		PreImage("'"+item_image+"'");
		return true;
	}
	function goShop(itmCode)
	{
	window.open("/shop/detailshop.jsp?item_Code="+itmCode+"&shop_No=200404000048");
	}
	function openbrd(code1,name,shopNo)
	{
	var win = window.open('/brandshop/brandshop.jsp?brand_Code='+ code1 +'&brand_name='+ name +'&shop_No='+ shopNo);
	}
</script>
<script language="JavaScript">
	function goURL(code_lgroup, code_mgroup)
	{
		window.opener.location.href= "/shop/section_M.jsp?wLgroup="+code_lgroup+"&wMgroup="+code_mgroup;
	}
</script>
<link href="http://image1.ocj.com.cn/image_site/css/mainpage0112.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
var tablink_idname = new Array("tablink","Hots")
var tabcontent_idname = new Array("tabcontent","hotscon")
var tabcount = new Array("3","6")
var loadtabs = new Array("2","5")
var autochangemenu = 2;
var changespeed = 2;
var stoponhover = 0;
function easytabs(menunr, active) {if (menunr == autochangemenu){currenttab=active;}if ((menunr == autochangemenu)&&(stoponhover==1)) {stop_autochange()} else if ((menunr == autochangemenu)&&(stoponhover==0))  {counter=0;} menunr = menunr-1;for (i=1; i <= tabcount[menunr]; i++){document.getElementById(tablink_idname[menunr]+i).className='tab'+i;document.getElementById(tabcontent_idname[menunr]+i).style.display = 'none';}document.getElementById(tablink_idname[menunr]+active).className='tab'+active+' tabactive';document.getElementById(tabcontent_idname[menunr]+active).style.display = 'block';}var timer; counter=0; var totaltabs=tabcount[autochangemenu-1];var currenttab=loadtabs[autochangemenu-1];function start_autochange(){counter=counter+1;timer=setTimeout("start_autochange()",1000);if (counter == changespeed+1) {currenttab++;if (currenttab>totaltabs) {currenttab=1}easytabs(autochangemenu,currenttab);restart_autochange();}}function restart_autochange(){clearTimeout(timer);counter=0;start_autochange();}function stop_autochange(){clearTimeout(timer);counter=0;}

Reasytabs = function(){
var menucount=loadtabs.length; var a = 0; var b = 1; do {easytabs(b, loadtabs[a]);  a++; b++;}while (b<=menucount);
if (autochangemenu!=0){start_autochange();}
}

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("Ctg_nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
 function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(Reasytabs);
addLoadEvent(startList);
</script>
<title>东方CJ家庭购物，轻松购物好选择</title>
<meta name="description" content="东方CJ(ocj.com.cn)中国第一家真正意义上的家庭购物公司，作为诚信的电视购物，坚持以其高素质的管理、严格的商品采购、质量认证体系奠定优质产品的基础，及时完善的配送、售后服务赢得顾客的信赖，更以其主持人机智活跃、亲和力强的主持风格以及丰富详尽的现代产品信息获得消费者认同。"/>
<meta name="keywords" content="东方CJ，东方希杰，ocj，东方购物，家庭购物，电视购物，网上购物，网络购物，网购，安全购物，视频购物，b2c，电子商务，品牌，打折，折扣券，热卖，分期付款，在线视频，在线目录，电脑/数码，手机/通讯，生活家电，厨房家电，影音家电，健康用品，厨房用品，家居用品，床上用品，卫浴用品，运动用品，时尚用品，服装用品，美容用品，化妆品，教育用品，儿童用品，旅游/保险，汽车用品" />
<SCRIPT LANGUAGE="JavaScript">

	function goLogin() {
		document.dummy.action = "/login/Login.jsp";
		document.dummy.submit();
	}

</SCRIPT>
<!--ray js end------>
<script language="javascript">

	var NUM = "0123456789";
	var NODATA = "%?";

	// 单捞磐 眉农 傍烹
	function CheckType(s,spc) {
		var i;
		for(i=0; i<s.length; i++) {
			if (spc.indexOf( s.substring(i, i+1)) < 0) {
				return false;
			}
		}
		return true;
	}

	function validate() {
		var frm = document.search_form;
			if(frm.search_item.value=="")
			{
				alert("请输入商品名");
				frm.search_item.focus();
				return false;
			}else if(CheckType(frm.search_item.value, NODATA )) {
				alert("请勿使用特殊字符");
				frm.search_item.focus();
				return false;

			} else {
				return true;
			}

	}

	function search_list_main() {
		var frm = document.search_form;
		frm.action = "/search/searchLst.jsp";
		if(!validate()) {
			return;
		}
		if(!CheckType(frm.search_item.value, NUM )) {
			frm.action = "/search/searchLst.jsp";
		}else if(frm.search_item.value.length == 6){
			frm.item_Code.value = frm.search_item.value;
			frm.action = "/shop/detailshop.jsp";
		}else if(frm.search_item.value.length > 6){
			frm.action = "/search/searchLst.jsp";
		}else {
			frm.action = "/search/searchLst.jsp";
		}

		frm.submit();
	}

	function isEnterKey(){
		if(event.keyCode==13 || event.keyCode==10){
			return true;
		}
		return false;

	}

	function checkEnter() {

		if(isEnterKey()) {
			search_list_main();
		}

	}

</script>
<script type="text/javascript">
	var showAatagre_flag = "1";

	function ShowAatagre()
	{
		if(showAatagre_flag=="1"){
	    	document.getElementById("ShowAatagre").style.display = "block";
	    	showAatagre_flag = "2";
		}else{
			document.getElementById("ShowAatagre").style.display = "none";
			showAatagre_flag = "1";
		}
	}
	function HideAatagre()
	{
	    document.getElementById("ShowAatagre").style.display = "none";
	}
	function ShowJd_sh()
	{
	    document.getElementById("Jd_sh").style.display = "block";
	}
	function HiddenJd_sh()
	{
	    document.getElementById("Jd_sh").style.display = "none";
	}
	function ShowYj_sh()
	{
	    document.getElementById("Yj_sh").style.display = "block";
	}
	function HiddenYj_sh()
	{
	    document.getElementById("Yj_sh").style.display = "none";
	}

</script>
<style>
<!--
.hide{ visibility: hidden; display: none }
.show{ visibility: visible; display: block }
.search_recommend_scrolling {
	border-width:0 0 0 0;
	border-style:solid;
	border-color:#000000;
	overflow-x:hidden;
	overflow-y:auto;
	padding:0 0 0 0;
}
//-->
</style>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>东方CJ家庭购物</title>
<link rel="Bookmark" href="http://image1.ocj.com.cn/images/common/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http://image1.ocj.com.cn/images/common/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://image1.ocj.com.cn/images/common/favicon.ico" type="image/x-icon" />
<link href="http://image1.ocj.com.cn/image_site/css/ocjbase0209.css" rel="stylesheet" type="text/css" />
<link href="http://image1.ocj.com.cn/image_site/css/topevent.css" rel="stylesheet" type="text/css" />
</head>
<body class="ocjframe">

大家看到了吧，在<head>标签的上面，N*的写代码的写了好多东西，真不知道是哪个地方学的，也不知道他们遵循的是什么代码规范。用页面html验证的插件一看更是雷人如下图。

无语，我就分析代码到这里吧，再细说，我怕我一会儿气死过去。

刚QQ群的朋友劝我说，这个会技术和会挣钱是两码事。

网站是谁做，一个是看你会不会忽悠，另一个是你有没有什么关系，没关系就看你会不会创造关系。一个破政府网站少则要几十万，上过北大青鸟的人都会做，为什么就轮不到你呢？这里面的事就这个那个。

你技术好，但我就不用你，你该去哪里凉快去哪里凉快去，这种事也是普遍的。

ps：做技术的，不仅仅是做网络技术的人，没有一技之长都很难抬起头来做人。如果你做的事情很多人都可以做，这是多么可怕的事情，可以想象很多人在排着队等着代替你么？30岁之前就准备下后路才是我们的出路。

转载表明出处：www.hellokeykey.com

《从悲催的东方cj看中国的网页制作》有2个想法