Come avviare una pagina Web da un pulsante ASP.NET

Gli sviluppatori possono creare pulsanti che lanciano nuovi siti Web da una pagina Web oppure possono visualizzare nuove finestre del sito Web senza l'intervento dell'utente. Se l'applicazione ASP.NET deve mostrare a un utente una nuova pagina Web senza lasciare una pagina esistente, aggiungere un semplice attributo "OnClick" a un pulsante sulla pagina. Quando i visitatori del sito fanno clic sul pulsante, il browser mostrerà la pagina di destinazione specificata.

1.

Avvia Microsoft Visual Studio, quindi apri uno dei progetti del tuo sito Web C # ASP.NET. Visual Studio inserisce i file del progetto nella finestra Esplora soluzioni.

2.

Fare doppio clic su uno dei moduli in Esplora soluzioni. La finestra del codice si apre e visualizza il codice HTML del modulo. Fare clic sul pulsante "Progettazione" per visualizzare il modulo in modalità Progettazione.

3.

Fare clic su "Visualizza", quindi fare clic su "Casella degli strumenti" per visualizzare la finestra Casella degli strumenti. Fare clic sul controllo "Pulsante" situato nella finestra degli strumenti e trascinarlo sul modulo.

4.

Premere F7. La finestra del codice si apre e mostra il metodo "Page_Load" del modulo. Incolla il seguente codice in questo metodo:

if (! IsPostBack)

{string newPageURL = "TARGET_PAGE";

string textHTML = "window.open ('" + newPageURL + "', '_blank');";

this.Button1.Attributes.Add ("OnClick", textHTML);

}

Sostituisci "newPageURL" con l'URL della pagina Web che desideri aprire quando gli utenti fanno clic sul pulsante. La variabile textHTML contiene un'istruzione JavaScript. Questa istruzione esegue il comando "window.open" che avvia una nuova finestra del browser. Il metodo Attributes.Add mostrato nell'ultima riga aggiunge un evento "onClick" al pulsante "Button1". Questo fa sì che il pulsante esegua il codice JavaScript definito nella variabile textHTML.

5.

Premere F5 per eseguire il progetto. Il tuo browser si apre e visualizza la pagina Web contenente il tuo pulsante. Fai clic sul pulsante. Si apre una nuova finestra del browser che consente di accedere all'URL assegnato alla variabile newPageURL.

Mancia

  • Tieni presente che il codice che aggiungi viene visualizzato all'interno di un blocco "if (! IsPostBack)". Ciò garantisce che il codice non venga eseguito ogni volta che il browser dell'utente richiede informazioni dal server Web o invia dati a quel server. Salta tra la vista codice C # e la vista disegno premendo F7. Ciò consente di aggiungere controlli al modulo rapidamente e di tornare immediatamente alla finestra del codice.