我的Index.php作为javascript打开,没有代码可见

时间:2013-06-18 01:01:30

标签: javascript html

请考虑我已经完成了我的研究,我明显在这里,因为我无法弄清楚出了什么问题。

我正在尝试使用Dreamweaver打开我的index.html文件,文件大小为41KB,一旦打开它我得到了这个:

enter image description here

我有1年的学习HTML等经验,所以请不要认为我正在尝试获得答案而只是运行,我之前没有遇到过这个问题。

感谢您的时间。

1 个答案:

答案 0 :(得分:1)

它看起来像是通过此源代码加密器的网页的源代码。

http://www.dynamicdrive.com/dynamicindex9/encrypter.htm

您是否正在尝试复制其他人的代码?如果页面创建者“加密”了他们的来源,它仍然可以实时查看(在Chrome中,右键单击“检查元素”)。

修改

以下是您的代码:

<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8"/>
<title>Abbey Boilers - Your first choice Boiler company</title>

<!--[if lt IE 9]>
            <script src="js/css3-mediaqueries.js"></script>
        <![endif]-->
<link rel="stylesheet" media="all" href="css/style.css"/>
<link rel="stylesheet" media="all" href="css/media_queries.css"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>

<!-- JS -->
<script src="js/jquery-1.6.4.min.js"></script>

<!--  <script src="js/less-grid-4.js"></script> -->
<script src="js/custom.js"></script>
<script src="js/tabs.js"></script>

<!-- Masonry -->
<script src="js/masonry.min.js" ></script>
<script src="js/imagesloaded.js" ></script>
<!-- ENDS Masonry -->

<!-- Tweet -->
<link rel="stylesheet" href="css/jquery.tweet.css" media="all"  />
<script src="js/tweet/jquery.tweet.js" ></script>
<!-- ENDS Tweet -->

<!-- superfish -->
<link rel="stylesheet" media="screen" href="css/superfish.css" />
<script  src="js/superfish-1.4.8/js/hoverIntent.js"></script>
<script  src="js/superfish-1.4.8/js/superfish.js"></script>
<script  src="js/superfish-1.4.8/js/supersubs.js"></script>
<!-- ENDS superfish -->

<!-- prettyPhoto -->
<script  src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css"  media="screen" />
<!-- ENDS prettyPhoto -->

<!-- poshytip -->
<link rel="stylesheet" href="js/poshytip-1.1/src/tip-twitter/tip-twitter.css"  />
<link rel="stylesheet" href="js/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css"  />
<script  src="js/poshytip-1.1/src/jquery.poshytip.min.js"></script>
<!-- ENDS poshytip -->

<!-- GOOGLE FONTS -->
<link href='http://fonts.googleapis.com/css?family=Allan:700' rel='stylesheet' type='text/css'>

<!-- Flex Slider -->
<link rel="stylesheet" href="css/flexslider.css" >
<script src="js/jquery.flexslider-min.js"></script>
<!-- ENDS Flex Slider -->

<!--[if IE 6]>
        <link rel="stylesheet" href="css/ie6-hacks.css" media="screen" />
        <script type="text/javascript" src="js/DD_belatedPNG.js"></script>
            <script>
                /* EXAMPLE */
                DD_belatedPNG.fix('*');
            </script>
        <![endif]-->

<!-- Lessgrid -->
<link rel="stylesheet" media="all" href="css/lessgrid.css"/>

<!-- modernizr -->
<script src="js/modernizr.js"></script>
<script src="js/modernizr.custom.17475.js"></script>

<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/elastislide.css" />
<link rel="stylesheet" type="text/css" href="css/custom.css" />

</head>

<body lang="en">

<!-- mobile-nav -->
<div id="mobile-nav-holder">
  <div class="wrapper">
    <ul id="mobile-nav">
      <li  class="current-menu-item"><a href="index.html">home</a></li>
      <li><a href="about_us.html">About us</a>
        <ul>
          <li><a href="">Features</a></li>
          <li><a href="">Features</a></li>
          <li><a href="">Features</a></li>
          <li><a href="">Features</a></li>
        </ul>
      </li>
      <li><a href="servicing.html">Servicing</a></li>
      <li><a href="contact.html">Contact us</a></li>
    </ul>
    <div id="nav-open"><a href="#">Menu</a></div>
  </div>
</div>
<!-- ENDS mobile-nav -->

<header>
  <div class="wrapper"> <a href="index.html" id="logo"><img src="img/LogoForWebsite.png" alt="Tandem"></a>
    <nav>
      <ul id="nav" class="sf-menu">
        <li class="current-menu-item"><a href="index.html">Home<span class="subheader">welcome</span></a></li>
        <li><a href="about_us.html">About us<span class="subheader">Get in touch</span></a>
          <ul>
            <li><a href="">Contact Us</a></li>
            <li><a href="">Find us</a></li>
          </ul>
        </li>
        <li><a href="servicing.html">Servicing<span class="subheader">Boiler Installations</span></a></li>
        <li><a href="contact.html">Contact us<span class="subheader">get in touch</span></a></li>
      </ul>
    </nav>
    <div class="clearfix"></div>
  </div>
</header>
<div class="contact_detials"><img src="img/ContactDetails.png"></div>
<!-- MAIN -->
<div id="main"> 

  <!-- social -->
  <div id="social-bar">
    <ul>
      <li><a href="http://www.facebook.com"  title="Become a fan"><img src="img/social/facebook_32.png"  alt="Facebook" /></a></li>
      <li><a href="http://www.twitter.com" title="Follow my tweets"><img src="img/social/twitter_32.png"  alt="Facebook" /></a></li>
      <li><a href="http://www.google.com"  title="Add to the circle"><img src="img/social/google_plus_32.png" alt="Facebook" /></a></li>
    </ul>
  </div>
  <!-- ENDS social --> 

  <!-- Content -->
  <div id="content">

  <!-- slider -->
  <div class="flexslider home-slider">
    <ul class="slides">
      <li> <img src="img/slides/slide1.jpg" alt="alt text" />
        <p class="flex-caption"><em>Highest Quality Service Gauranteed, Our priority is you.</em> </p>
      </li>
      <li> <img src="img/slides/slide2.jpg" alt="alt text" />
        <p class="flex-caption"><em>Highest Quality Service Gauranteed, Our priority is you.</em></p>
      </li>
      <li> <img src="img/slides/slide3.jpg" alt="alt text" />
        <p class="flex-caption"><em>Highest Quality Service Gauranteed, Our priority is you.</em></p>
      </li>
      <li> <img src="img/slides/slide4.jpg" alt="alt text" />
        <p class="flex-caption"><em>Highest Quality Service Gauranteed, Our priority is you.</em></p>
      </li>
      <li> <img src="img/slides/slide5.jpg" alt="alt text" />
        <p class="flex-caption"><em>Highest Quality Service Gauranteed, Our priority is you.</em></p>
      </li>
      <li> <img src="img/slides/slide6.jpg" alt="alt text" />
        <p class="flex-caption"><em>Highest Quality Service Gauranteed, Our priority is you.</em></p>
      </li>
      <li> <img src="img/slides/slide7.jpg" alt="alt text" />
        <p class="flex-caption"><em>Highest Quality Service Gauranteed, Our priority is you.</em></p>
      </li>
    </ul>
  </div>
  <div class="shadow-slider"></div>
  <!-- ENDS slider --> 

  <!-- Headline -->
  <div class="headline">
    <p>"We are a domestic boiler company who deal with servicing, repair and installation with a wide range of experience in gas, oil and LPG appliances. Our uniformed service engineers are trained to both GAS SAFE and OFTEC Standards, with ongoing training alongside well known boiler manufacturers to ensure we do not become complacent.
      Our training covers all types of appliances, including, the standard boiler, combination boilers, condensing boilers and warm air units - all the way to gas fires and range cookers. Including engineering who specialist in Aga, Rayburn and Alpha Range Cookers.</p>
    <p>We aim to give you a service with a difference, our priority is customer satisfaction as we are aware that customers have the choice and want to make sure your experience with Abbey Boilers is one you'll come back to. We can cover a wide range of problems you might encounter, from the initial call to our customer services - to the engineering attending your home right through to our accounts manager making sure everything is run pleasantly and smoothly" </p>
  </div>

  <!-- ENDS Headline --> 

  <!-- featured -->
  <h1 class="home-block-heading">Our Services</h1>
  <div class="featured">
    <figure> <a href="images/UnderFloor Heating Example.jpg" data-rel="prettyPhoto" class="thumb"><img src="images/UnderFloor Heating Example.jpg" alt="Underfloor Heating" /></a>
      <div> <a href="#" class="heading">
        <h3>Maximises the efficiency of condensing boilers and heat pumps due to lower working temperatures - Eliminates the need for radiators: creates space on walls and allows unrestricted room layouts
          Cleaner air for the home - radiant heat results in less circulation of dust than with radiators
          Complete heating and hot water solutions from one manufacturer -complements Worcester gas boilers, oil boilers, ground and air source heat pumps</h3>
      </div>
      <a class="link" href="#"></a> </figure>
    <figure style="left: 10px;
    position: absolute;
    top: 0;"> <a href="img/dummies/full-2.jpg" data-rel="prettyPhoto" class="thumb"><img src="img/dummies/full-2.jpg" alt="Alt text" /></a>
      <div> <a href="#" class="heading">Pellentesque habitant</a> morbi tristique senectus et netus et malesuada fames ac turpis egestas. </div>
      <a class="link" href="#"></a> </figure>
    <figure style="left: 310px;
    position: absolute;
    top: 0;"> <a href="img/dummies/full-3.jpg" data-rel="prettyPhoto" class="thumb"><img src="img/dummies/full-3.jpg" alt="Alt text" /></a>
      <div> <a href="#" class="heading">Pellentesque habitant</a> morbi tristique senectus et netus et malesuada fames ac turpis egestas address. Vestibulum tortor quam, </div>
      <a class="link" href="#"></a> </figure>
    <figure> <a href="img/dummies/full-4.jpg" data-rel="prettyPhoto" class="thumb"><img src="img/dummies/full-4.jpg" alt="Alt text" /></a>
      <div> <a href="#" class="heading">Pellentesque habitant</a> morbi tristique senectus et netus et malesuada fames ac turpis egestas address. Vestibulum tortorVestibulum tortor.</div>
      <a class="link" href="#"></a> </figure>
    <figure> <a href="img/dummies/full-5.jpg" data-rel="prettyPhoto" class="thumb"><img src="img/dummies/full-5.jpg" alt="Alt text" /></a>
      <div> <a href="#" class="heading">Pellentesque habitant</a> morbi tristique senectus et netus et malesuada fames ac turpis egestas address. Vestibulum </div>
      <a class="link" href="#"></a> </figure>
    <figure> <a href="img/dummies/full-6.jpg" data-rel="prettyPhoto" class="thumb"><img src="img/dummies/full-6.jpg" alt="Alt text" /></a>
      <div> <a href="#" class="heading">Pellentesque habitant</a> morbi tristique senectus et netus et malesuada fames ac turpis egestas address. Vestibulum<a href="#" >Pellentesque habitant</a>. </div>
      <a class="link" href="#"></a> </figure>
    <div class="clearfix"></div>
  </div>
  <!-- ENDS featured --> 

  <!-- Elastislide Carousel -->
  <div style="margin-bottom:30px;">
    <ul id="carousel" class="elastislide-list">
        <li><a href="#1"><img src="images/small/1.png" alt="image01" /></a></li>
        <li><a href="#2"><img src="images/small/2.png" alt="image02" /></a></li>
        <li><a href="#3"><img src="images/small/3.png" alt="image03" /></a></li>
        <li><a href="#4"><img src="images/small/4.png" alt="image04" /></a></li>
        <li><a href="#5"><img src="images/small/5.png" alt="image05" /></a></li>
        <li><a href="#6"><img src="images/small/6.png" alt="image06" /></a></li>
        <li><a href="#7"><img src="images/small/7.png" alt="image07" /></a></li>
        <li><a href="#8"><img src="images/small/8.png" alt="image08" /></a></li>
        <li><a href="#9"><img src="images/small/9.png" alt="image09" /></a></li>
        <li><a href="#10"><img src="images/small/10.png" alt="image10" /></a></li>
        <li><a href="#11"><img src="images/small/11.png" alt="image11" /></a></li>
        <li><a href="#12"><img src="images/small/12.png" alt="image12" /></a></li>
    </ul>
  </div>
  <div></div>

  <!-- End Elastislide Carousel -->

  <!-- text-posts -->
  <h1 class="home-block-heading">Allow us to introduce Abbey Boilers...</h1>
  <ul class="text-posts">
    <li>
      <h5 align="center" style="font-family: 'Dosis';"> We are a domestic  boiler company who deal with servicing, repair and installation with a wide  range of experience in gas, oil and LPG appliances. Our uniformed service  engineers are trained to both GAS SAFE and OFTEC Standards, with ongoing training  alongside well known boiler manufacturers to ensure we do not become  complacent.  <br>
        <br>
        Our training  covers all types of appliances, including, the standard boiler, combination  boilers, condensing boilers and warm air units - all the way to gas fires and  range cookers. Including engineering who specialist in Aga, Rayburn and Alpha  Range Cookers.<br>
        <br>
        We aim to give you a  service with a difference, our priority is customer satisfaction as we are  aware that customers have the choice and want to make sure your experience with  Abbey Boilers is one you'll come back to. We can cover a wide range of problems  you might encounter, from the initial call to our customer services - to the  engineering attending your home right through to our accounts manager making  sure everything is run pleasantly and smoothly</h5>
    </li>
  </ul>
  <!-- ENDS text-posts -->

  <!-- Footline -->
  <div class="headline" style="margin-bottom:0;">
    <p style="text-align:center;">"Abbey Boilers is a Division of Greener Energy Ltd.<br />
    Abbey House, Unit 24, Foundry Lane, Horsham, West Sussex. RH13 5UE<br />
    Registered in England & Wales No. 7559426 - Gas Safe No 529002<br />
    Vat No. 111 6410 69"</p>
  </div>
  <!-- ENDS Footline --> 

</div>
<!-- ENDS content -->

<div class="clearfix"></div>
<div class="shadow-main"></div>
</div>
<!-- ENDS MAIN -->

<!--Some JavaScripts-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquerypp.custom.js"></script>
<script type="text/javascript" src="js/jquery.elastislide.js"></script>
<script type="text/javascript">

    $( '#carousel' ).elastislide();

</script>

<!--End JavaScripts-->

<footer>
  <div class="wrapper">
    <div class="gas_logo"><img src="img/gasSafe.png"></div>
    <ul id="footer-cols">
      <li class="second-col" style="margin-top:10px;">
        <p>Copyright &copy; Abbey Boilers</p>
      </li>
      <li class="third-col">
        <div class="widget-block"> 
          <!--<div id="tweets" class="footer-col tweet">
            <h4>Contact us</h4>
          </div>--> 
        </div>
      </li>
    </ul>
    <div class="clearfix"></div>
  </div>
  <div id="to-top"></div>
</footer>
</body>
</html>'));
</Script>