Uma situação que ocorre frequentemente em projetos é que existe uma lista, como uma lista de casos, e clicar em um item da lista irá saltar para a página de detalhes. Os detalhes são gerados a partir de um registro clicado, pois os casos e páginas de detalhes específicos são adicionados pelos usuários posteriormente, quando começamos a escrever, é impossível esgotá-los todos. Portanto, ao pular para a página, precisamos passar um parâmetro para que possamos fazer uma solicitação de dados através deste parâmetro, e então gerar a página com base nos dados retornados pelo background. Portanto, pular a tag a definitivamente não funcionará.
Freqüentemente escrevemos formulários ao enviar, podemos passar parâmetros. Se usarmos o formulário e ocultá-lo, o efeito deverá ser alcançado.
Além disso, window.location.href e window.open também podem atingir o efeito.
1. Passe parâmetros pelo formulário <html lang=en> <head> <!--Formato de codificação de site, codificação internacional UTF-8, codificação GBK ou gb2312 chinesa--> <meta http-equiv=content-type content=text/html;charset=utf- 8 /> <meta name=Palavras-chave content=Palavras-chave um, Palavras-chave dois> <meta name=Description content=Conteúdo da descrição do site> <meta name=Autor content=Yvette Lau> <title>Documento</title> <!--Introdução do arquivo css js--> <!-- <link rel=shortcut icon href=images/favicon.ico> --> <link rel=stylesheet href=/> <tipo de script = text/javascript src = jquery-1.11.2.min.js></script> </head> <body> <nome do formulário = método frm = obter ação = receber.html onsubmit = return foo() estilo = posição:relativo;> <tipo de entrada=nome oculto=valor oculto = índice = limão> <classe img = mais src = main_jpg10.png /> <tipo de entrada = estilo de envio = posição:absoluto; esquerda:10px;topo:0px;largura:120px;altura:40px;opacidade:0;cursor:ponteiro;/> </form> <nome do formulário = método frm = obter ação = receber.html onsubmit = return foo() estilo = posição:relativo;> <tipo de entrada = nome oculto = valor oculto = índice = aaa> <classe img = mais src = main_jpg10.png /> <tipo de entrada = estilo de envio = posição:absoluta;esquerda:10px;topo:0px;largura:120px;altura:40px;opacidade:0;cursor:ponteiro;/> </form> <nome do formulário = frm método = obter ação = receber.html onsubmit = retornar foo() estilo = posição:relativo;> <tipo de entrada=nome oculto=valor oculto = índice = bbb> <classe img = mais src = main_jpg10.png /> <tipo de entrada = estilo de envio = posição:absoluto;esquerda:10px;top:0px;largura:120px;altura:40px;opacidade:0;cursor:ponteiro;/> </form> </body> </html><script> função foo(){ var frm = window.event.srcElement; $(frm.hid).attr(index); retornar verdadeiro }</script>Ao clicar na imagem, ela irá para a página recebe.html. A URL da página passa a ser:
A string que queremos passar foi passada.
Em seguida, execute a divisão de string no URL atual
window.location.href.split(=)[1]//Obter limão
Depois de obtermos os parâmetros que precisam ser passados, podemos prosseguir para a próxima etapa com base nisso.
Além da divisão de string mencionada acima para obter os parâmetros passados pela URL, também podemos obtê-los por meio de correspondência regular e do método window.location.search.
2. Através de window.location.hrefPor exemplo, quando clicamos em uma lista, precisamos passar uma string para a página detail.html e, em seguida, a página detail.html carrega o conteúdo da página por meio de dados de interação ajax com base no valor passado.
var índice = limão; var url = recebe.html?index=+index; $(#more).click(function(){ window.location.href = url; });A página atual será substituída pela página recebe.html e o URL da página se tornará:
Em seguida, usamos o método acima para extrair os parâmetros que precisamos
3. Através de window.location.openSe você deseja abrir uma nova página em vez de alterar a página atual, então window.location.href não é aplicável neste momento, precisamos usar window.location.open() para conseguir isso.
Uma breve introdução à função window.open(). window.open() possui três parâmetros. O primeiro parâmetro é a URL da página a ser aberta. Um valor booleano que indica se a nova página substitui a página atualmente carregada no histórico do navegador. Somente o primeiro parâmetro precisa ser passado. O segundo parâmetro também pode ser um nome de janela especial, como _blank, _self, _parent, _blank abre uma nova janela e _self obtém o mesmo efeito que window.location.href.
Continuando com o exemplo acima:
<script> var índice = limão; var url = recebe.html?index=+index $(#more).click(function(){ window.open(url) });</script>Desta forma, ao clicar, uma nova página será aberta com o mesmo endereço url acima.
Devido às restrições de segurança do navegador, alguns navegadores adicionam restrições à configuração de janelas pop-up. A maioria dos navegadores possui programas integrados de bloqueio de janelas pop-up. Portanto, as janelas pop-up podem ser bloqueadas. precisa ser considerada. Uma possibilidade é que o programa de bloqueio integrado do navegador bloqueie janelas pop-up, então window.open() provavelmente retornará Nulo. Neste momento, você pode determinar se a janela pop-up foi bloqueada. monitorando o valor retornado.
var newWin = window.open(url);if(newWin == null){ alert(pop-up bloqueado);}A outra é uma janela pop-up bloqueada por uma extensão do navegador ou outro programa. Então window.open() geralmente gera um erro. Portanto, para detectar com precisão se a janela pop-up está bloqueada, você deve detectar o valor de retorno e at. ao mesmo tempo, window.open() é encapsulado em um bloco try-catch. No exemplo acima, pode ser escrito da seguinte forma:
<script> var bloqueado = falso; tentar{ var índice = limão var url = receber.html?index=+index; (newWin == null){ bloqueado = true } } catch(ex){ block = true } if(blocked){ alert(janela pop-up está bloqueada);O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.