如何将js 输出到html源码中?

JavaScript013

如何将js 输出到html源码中?,第1张

HTML中调用JS代码。

js代码注解:javascript代码,可直接在客户端解释执行,html中调用js代码的方法有两种:一、将javascript写在html文件中,在html中调用js函数等;二、js代码写一个文件中,在html中引用该文件,使用js文件中定义的js函数。

调用方法:

1、打开Dreamweaver软件,在创建新项目下选择HTML;

2、点击“文件”——“另存为”——文件命名为test——保存在电脑桌面;

3、编写html文件,html文件包含用户名及密码输入文本框,确定和取消按钮;

4、在title标签下插入<script language="JavaScript">js代码</script>,在html中调用js函数;

5、js代码编写及html调用js代码完成保存tset.html文件,在浏览器中打开test.html文件,检查js代码执行效果;

6、在Dreamweaver软件中新建check.js文件(方法同html文件新建),check文件中输入校验函数;

7、test.html的title标签下引用check.js文件;

8、在程序中引用check.js文件中js函数,在浏览器中刷新test.hmtl文件,然在username的输入框中输入非法字符来检验js代码。

一、添加引用

在解决方案上单击右键,选择“Add Reference...”,添加“System.Windows.Forms”,添加完后,Web.Config 中应该有类似下面的内容:

<system.web>

<compilation debug="true">

<assemblies>

<add assembly="System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=B77A5C561934E089"/>

二、 设置 STA 模式

在 @ Page 指令中加上 AspCompat="true",以强制该网页在 STA(单线程单元) 模式下执行。结果类似如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" AspCompat="true" %>

三、写截图代码

using System

using System.Collections

using System.Configuration

using System.Data

using System.Web

using System.Web.Security

using System.Web.UI

using System.Web.UI.HtmlControls

using System.Web.UI.WebControls

using System.Web.UI.WebControls.WebParts

using System.Drawing

using System.Drawing.Imaging

using System.Windows.Forms

public partial class _Default : System.Web.UI.Page

{

private WebBrowser _webBrowser

protected void Page_Load(object sender, EventArgs e)

{

string url = Request.QueryString["url"]

if (string.IsNullOrEmpty(url))

{

url = "http://www.cftea.com/"

}

_webBrowser = new WebBrowser()

_webBrowser.ScrollBarsEnabled = false//不显示滚动条

_webBrowser.Navigate(url)

_webBrowser.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(Completed)

while (_webBrowser.ReadyState != WebBrowserReadyState.Complete)

{

System.Windows.Forms.Application.DoEvents()//避免假死,若去掉则可能无法触发 DocumentCompleted 事件。

}

}

public void Completed(object sender, WebBrowserDocumentCompletedEventArgs e)

{

//设置浏览器宽度、高度为文档宽度、高度,以便截取整个网页。

_webBrowser.Width = _webBrowser.Document.Body.ScrollRectangle.Width

_webBrowser.Height = _webBrowser.Document.Body.ScrollRectangle.Height

using (Bitmap bmp = new Bitmap(_webBrowser.Width, _webBrowser.Height))

{

_webBrowser.DrawToBitmap(bmp, new Rectangle(0, 0, bmp.Width, bmp.Height))

bmp.Save("C:\\Capture.png", ImageFormat.Png)

}

}

}